retour à la ligne programme, deploiement onglet ressource

user/pages/01.home/05._contact/text.md

@@ -1,8 +1,8 @@
 ---
 title: Contact
 body_classes: modular
-media_order: 'puca.png,logo cité archi.jpg,logo_gouvernment.png,logo MCTRCT.png,logo ministère culture.png,logo min logement.png,europan_france.jpg'
+media_order: 'puca.png,logo cité archi.jpg,logo ministère culture.png,europan_france.jpg,logo_gouvernment.png,logo MCTRCT.png,logo min logement.png'
 published: true
 ---
 
-![logo%20cit%C3%A9%20archi](logo%20cit%C3%A9%20archi.jpg "logo%20cit%C3%A9%20archi") ![logo_gouvernment](logo_gouvernment.png "logo_gouvernment") ![logo%20MCTRCT](logo%20MCTRCT.png "logo%20MCTRCT") ![logo%20minist%C3%A8re%20culture](logo%20minist%C3%A8re%20culture.png "logo%20minist%C3%A8re%20culture") ![logo%20min%20logement](logo%20min%20logement.png "logo%20min%20logement") ![europan_france](europan_france.jpg "europan_france") ![puca](puca.png "puca")
+![logo_gouvernment](logo_gouvernment.png "logo_gouvernment") ![logo%20MCTRCT](logo%20MCTRCT.png "logo%20MCTRCT") ![logo%20minist%C3%A8re%20culture](logo%20minist%C3%A8re%20culture.png "logo%20minist%C3%A8re%20culture") ![logo%20min%20logement](logo%20min%20logement.png "logo%20min%20logement") ![europan_france](europan_france.jpg "europan_france") ![puca](puca.png "puca") ![logo%20cit%C3%A9%20archi](logo%20cit%C3%A9%20archi.jpg "logo%20cit%C3%A9%20archi") 

user/themes/antimatter/CHANGELOG.md

@@ -0,0 +1,220 @@
+# v1.7.6
+## 10/07/2015
+
+1. [](#new)
+    * Added logic to include site.menu items in modular pages
+1. [](#improved)
+    * Removed unused `<p>` tags
+
+# v1.7.5
+## 09/16/2015
+
+1. [](#improved)
+    * Use new form plugin templates
+
+# v1.7.3
+## 09/11/2015
+
+1. [](#new)
+    * Added SCSS configurable notes colors
+1. [](#improved)
+    * Various typos
+
+# v1.7.3
+## 08/31/2015
+
+1. [](#new)
+    * Added header image control and blueprints to admin plugin
+1. [](#improved)
+    * Use new template field for modular pages
+
+# v1.7.2
+## 08/24/2015
+
+1. [](#new)
+    * Added support for `login-status` partial in menu
+
+# v1.7.1
+## 08/11/2015
+
+1. [](#improved)
+    * Use new toggle for item blueprint
+
+# v1.7.0
+## 08/06/2015
+
+1. [](#new)
+    * Blueprints that work with new admin plugin!
+1. [](#bugfix)
+    * Favicon with full image URL   
+
+# v1.6.1
+## 07/24/2015
+
+1. [](#bugfix)
+    * Fixed sidebar links when site at root
+
+# v1.6.0
+## 07/21/2015
+
+1. [](#new)
+    * Added support for `langswitcher` plugin
+1. [](#improved)
+    * Made sidebar links more robust
+
+# v1.5.0
+## 07/14/2015
+
+1. [](#new)
+    * Added canonical URL support
+1. [](#improved)
+    * More improvements for blueprints
+1. [](#bugfix)
+    * Fixes for multi-language support
+
+# v1.4.0
+## 05/09/2015
+
+1. [](#improved)
+    * Improved blueprints
+1. [](#bugfix)
+    * Fix for when page.summary is equal to page.content
+
+# v1.3.9
+## 04/13/2015
+
+1. [](#bugfix)
+    * Fix for image class in modular template 'text.html.twig`
+
+# v1.3.8
+## 04/07/2015
+
+1. [](#improved)
+    * Genericized theme_config variable for better inheritance
+
+# v1.3.7
+## 03/28/2015
+
+1. [](#bugfix)
+    * Rolled back changes that resulted in broken header
+
+# v1.3.6
+## 03/24/2015
+
+1. [](#bugfix)
+    * Fix for compressed text in `.pure-g` divs
+
+# v1.3.5
+## 03/24/2015
+
+1. [](#improved)
+    * Keep html,body on height:100%; use body for scroll event
+    * Use Footer colors from vars rather than hard-coded
+1. [](#bugfix)
+    * Load pure grids at all times for better non-flexbox support
+
+# v1.3.4
+## 03/01/2015
+
+1. [](#improved)
+    * Use new Grav builtin 'jQuery' support
+
+# v1.3.3
+## 02/19/2015
+
+1. [](#improved)
+    * Implemented new `param_sep` variable from Grav 0.9.18
+1. [](#bugfix)
+    * Fix for table column widths
+    * Force snipcart slider to look in all pages
+
+# v1.3.2
+## 02/05/2015
+
+1. [](#improved)
+    * Minor typo in assets
+
+# v1.3.1
+## 01/23/2015
+
+1. [](#bugfix)
+    * Added page title encoding
+    * Stop modular pages showing up in dropdown menus
+    * Fixed typo in streams setup
+
+# v1.3.0
+## 01/09/2015
+
+1. [](#improved)
+    * NOTE: BREAKING CHANGE - Fixed references to plugins in `partials/` folder
+    * Updated README.md
+
+# v1.2.7
+## 12/29/2014
+
+1. [](#bugfix)
+    * Removed `Fixed` header image to resolve issues with mobile browsers
+
+# v1.2.6
+## 12/21/2014
+
+1. [](#new)
+    * Added support for list of custom menu items in `site.yaml`
+    * Updated `README.md` with some instructions on how to use some Antimatter features
+1. [](#improved)
+    * Removed `cache.html.twig` file that was used only for testing
+    * Removed unused `color` option in `antimatter.yaml`
+
+# v1.2.5
+## 12/15/2014
+
+1. [](#bugfix)
+    * Fix for Firefox 34 Flex/Responsiveness issues
+
+# v1.2.4
+## 12/12/2014
+
+1. [](#new)
+    * Added demo link to blueprints
+1. [](#improved)
+    * Inverted Previous/Next buttons on blog item template
+
+# v1.2.3
+## 12/05/2014
+
+1. [](#improved)
+    * Simplified Previous/Next buttons to use Page methods
+
+# v1.2.2
+## 12/04/2014
+
+1. [](#new)
+    * Added Previous/Next buttons with Collection methods
+    * Added Related posts in blog sidebar
+1. [](#bugfix)
+    * Fix for DaringFireball style link
+
+# v1.2.1
+## 11/30/2014
+
+1. [](#improved)
+    * Renamed core theme JS file
+    * Removed featherlight from Antimatter
+1. [](#bugfix)
+    * Fixed response code in error template
+
+# v1.2.0
+## 11/28/2014
+
+1. [](#new)
+    * Added SimpleSearch display in blog sidebar
+    * Added reference to `custom.css` file in core
+1. [](#improved)
+    * Added plugins checks for improved flexibility if plugins are not installed
+
+
+# v1.1.11
+## 11/21/2014
+
+1. [](#new)
+    * ChangeLog started...

user/themes/antimatter/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2014 Grav
+
+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.

user/themes/antimatter/README.md

@@ -0,0 +1,136 @@
+# Antimatter
+
+![Antimatter](assets/readme_1.png)
+
+Antimatter is the default [Grav](http://getgrav.org) theme. Simple, fast and modern.
+
+# Installation
+
+Installing the Antimatter theme can be done in one of two ways. Our GPM (Grav Package Manager) installation method enables you to quickly and easily install the theme with a simple terminal command, while the manual method enables you to do so via a zip file. 
+
+The theme by itself is useful, but you may have an easier time getting up and running by installing a skeleton. The Antimatter theme can be found in both the [One-page](https://github.com/getgrav/grav-skeleton-onepage-site) and [Blog Site](https://github.com/getgrav/grav-skeleton-blog-site) which are self-contained repositories for a complete sites which include: sample content, configuration, theme, and plugins.
+
+## GPM Installation (Preferred)
+
+The simplest way to install this theme is via the [Grav Package Manager (GPM)](http://learn.getgrav.org/advanced/grav-gpm) through your system's Terminal (also called the command line).  From the root of your Grav install type:
+
+    bin/gpm install antimatter
+
+This will install the Antimatter theme into your `/user/themes` directory within Grav. Its files can be found under `/your/site/grav/user/themes/antimatter`.
+
+## Manual Installation
+
+To install this theme, just download the zip version of this repository and unzip it under `/your/site/grav/user/themes`. Then, rename the folder to `antimatter`. You can find these files either on [GitHub](https://github.com/getgrav/grav-theme-antimatter) or via [GetGrav.org](http://getgrav.org/downloads/themes).
+
+You should now have all the theme files under
+
+    /your/site/grav/user/themes/antimatter
+
+>> NOTE: This theme is a modular component for Grav which requires the [Grav](http://github.com/getgrav/grav), [Error](https://github.com/getgrav/grav-theme-error) and [Problems](https://github.com/getgrav/grav-plugin-problems) plugins.
+
+# Updating
+
+As development for the Antimatter theme continues, new versions may become available that add additional features and functionality, improve compatibility with newer Grav releases, and generally provide a better user experience. Updating Antimatter is easy, and can be done through Grav's GPM system, as well as manually.
+
+## GPM Update (Preferred)
+
+The simplest way to update this theme is via the [Grav Package Manager (GPM)](http://learn.getgrav.org/advanced/grav-gpm). You can do this with this by navigating to the root directory of your Grav install using your system's Terminal (also called command line) and typing the following:
+
+    bin/gpm update antimatter
+
+This command will check your Grav install to see if your Antimatter theme is due for an update. If a newer release is found, you will be asked whether or not you wish to update. To continue, type `y` and hit enter. The theme will automatically update and clear Grav's cache.
+
+## Manual Update
+
+Manually updating Antimatter is pretty simple. Here is what you will need to do to get this done:
+
+* Delete the `your/site/user/themes/antimatter` directory.
+* Download the new version of the Antimatter theme from either [GitHub](https://github.com/getgrav/grav-plugin-antimatter) or [GetGrav.org](http://getgrav.org/downloads/themes#extras).
+* Unzip the zip file in `your/site/user/themes` and rename the resulting folder to `antimatter`.
+* Clear the Grav cache. The simplest way to do this is by going to the root Grav directory in terminal and typing `bin/grav clear-cache`.
+
+> Note: Any changes you have made to any of the files listed under this directory will also be removed and replaced by the new set. Any files located elsewhere (for example a YAML settings file placed in `user/config/themes`) will remain intact.
+
+## Features
+
+* Lightweight and minimal for optimal performance
+* Fully responsive with off-page mobile navigation
+* SCSS based CSS source files for easy customization
+* Built-in support for on-page navigation
+* Multiple page template types
+* Fontawesome icon support
+
+### Supported Page Templates
+
+* Default view template
+* Blog view template
+* Error view template
+* Blog item view template
+* Modular view templates:
+  * Features Modular view template
+  * Showcase Modular view template
+  * Text Modular view template
+* SnipCart view template
+
+### Menu Features
+
+##### Dropdown Menu
+
+You can enable **dropdown menu** support by enabling it in the `antimatter.yaml` configuration file. As per usual, copy this file to your `user/config/themes/` folder (create if required) and edit there.
+
+```
+dropdown:
+  enabled: true
+```
+
+This will ensure that sub-pages show up as sub-menus in the navigation.
+
+##### Menu Text & Icons
+
+Each page shows up in the menu using the title by default, however you can set what displays in the menu directly by setting an explicit `menu:` option in the page header:
+
+```
+menu: My Menu
+```
+
+You can also provide an icon to show up in front of the menu item by providing an `icon:` option.  You need to use name of the FontAwesome icon without the `fa-` prefix.  Check out the full [list of current FontAwesome 4.2 icons](http://fortawesome.github.io/Font-Awesome/icons/):
+
+```
+icon: bar-chart-o
+```
+
+#### Custom Menu Items
+
+By default, Grav generates the menu from the page structure.  However, there are times when you may want to add custom menu items to the end of the menu.  This is now supported in Antimatter by creating a menu list in your `site.yaml` file.  An example of this is as follows:
+
+```
+menu:
+    - text: Source
+      url: https://github.com/getgrav/grav
+    - icon: twitter
+      url: http://twitter.com/getgrav
+```
+
+The `url:` option is required, but you can provide **either** or **both** `text:` and/or `icon:`
+
+### Blog Features
+
+##### Daring Fireball Link Pages
+
+Antimatter supports the ability for a page to have a `link:` header option.  This will then in turn create a **link page** where the title of the page will actually be linked to the link provided and a prefexid double angle `>>` will link to the page itself.  Simply provide the link in the page header:
+
+```
+link: http://getgrav.org/blog
+```
+
+# Setup
+
+If you want to set Antimatter as the default theme, you can do so by following these steps:
+
+* Navigate to `/your/site/grav/user/config`.
+* Open the **system.yaml** file.
+* Change the `theme:` setting to `theme: antimatter`.
+* Save your changes.
+* Clear the Grav cache. The simplest way to do this is by going to the root Grav directory in Terminal and typing `bin/grav clear-cache`.
+
+Once this is done, you should be able to see the new theme on the frontend. Keep in mind any customizations made to the previous theme will not be reflected as all of the theme and templating information is now being pulled from the **antimatter** folder.

user/themes/antimatter/antimatter.php

@@ -0,0 +1,9 @@
+<?php
+namespace Grav\Theme;
+
+use Grav\Common\Theme;
+
+class Antimatter extends Theme
+{
+
+}

user/themes/antimatter/antimatter.yaml

@@ -0,0 +1,10 @@
+enabled: true
+dropdown:
+  enabled: false
+
+streams:
+  schemes:
+    theme:
+      type: ReadOnlyStream
+      paths:
+        - user/themes/antimatter

user/themes/antimatter/blueprints.yaml

@@ -0,0 +1,27 @@
+name: Antimatter
+version: 1.7.6
+description: "Antimatter is the default theme included with **Grav**"
+icon: empire
+author:
+  name: Team Grav
+  email: devs@getgrav.org
+  url: http://getgrav.org
+homepage: https://github.com/getgrav/grav-theme-antimatter
+demo: http://demo.getgrav.org/blog-skeleton
+keywords: antimatter, theme, core, modern, fast, responsive, html5, css3
+bugs: https://github.com/getgrav/grav-theme-antimatter/issues
+license: MIT
+
+form:
+  validation: loose
+  fields:
+    dropdown.enabled:
+        type: toggle
+        label: Dropdown in navbar
+        highlight: 1
+        default: 1
+        options:
+          1: Enabled
+          0: Disabled
+        validate:
+          type: bool

user/themes/antimatter/blueprints/asset/file.yaml

@@ -0,0 +1,70 @@
+media:
+  video:
+    mp4: video/mp4
+    mov: video/quicktime
+    m4v: video/x-m4v
+    swf: video/x-flv
+
+  image:
+    jpg: image/jpeg
+    jpeg: image/jpeg
+    png: image/png
+    gif: image/gif
+
+  file:
+    txt: text/plain
+    doc: application/msword
+    html: text/html
+    pdf: application/pdf
+    zip: application/zip
+    gz: application/gzip
+
+form:
+  key: filename
+  fields:
+    upload:
+      type: upload
+      label: Upload
+      allow:
+        @media.*.keys
+      accept:
+        @media.*.values
+
+    filename:
+      type: text
+      label: Filename
+
+    type:
+      type: hidden
+      default: video
+
+    name:
+      type: unset
+
+    description:
+      type: textarea
+      label: Description
+
+    url:
+      type: unset
+
+    path:
+      type: unset
+
+    thumb:
+      type: unset
+
+    width:
+      type: text
+      label: Width
+
+    height:
+      type: text
+      label: Height
+
+    mime:
+      type: hidden
+      default: 'application/octet-stream'
+
+    modified:
+      type: unset

user/themes/antimatter/blueprints/blog.yaml

@@ -0,0 +1,76 @@
+title: Blog
+@extends:
+    type: default
+    context: blueprints://pages
+
+child_type: item
+
+
+title: Default
+
+rules:
+  slug:
+    pattern: "[a-z][a-z0-9_\-]+"
+    min: 2
+    max: 80
+
+form:
+  fields:
+    tabs:
+      type: tabs
+      active: 1
+
+      fields:
+        advanced:
+          fields:
+            overrides:
+              fields:
+                header.child_type:
+                  default: item
+        blog:
+          type: tab
+          title: Blog List
+
+          fields:
+            header.content.items:
+              type: select
+              label: Items
+              default: @self.children
+              options:
+                @self.children: Children
+
+            header.content.limit:
+              type: text
+              label: Max Item Count
+              default: 5
+              validate:
+                required: true
+                type: int
+                min: 1
+
+            header.content.order.by:
+              type: select
+              label: Order By
+              default: date
+              options:
+                folder: Folder
+                title: Title
+                date: Date
+                default: Default
+
+            header.content.order.dir:
+              type: select
+              label: Order
+              default: desc
+              options:
+                asc: Ascending
+                desc: Descending
+
+            header.content.pagination:
+              type: toggle
+              label: Pagination
+              highlight: 1
+              default: 1
+              options:
+                1: Enabled
+                0: Disabled

user/themes/antimatter/blueprints/form.yaml

@@ -0,0 +1,2 @@
+title: Nopad
+@extends: default

user/themes/antimatter/blueprints/item.yaml

@@ -0,0 +1,103 @@
+title: Item
+@extends:
+    type: default
+    context: blueprints://pages
+
+form:
+  fields:
+    tabs:
+
+      fields:
+        blog:
+          type: tab
+          title: Blog Item
+
+          fields:
+
+            header_image:
+              type: section
+              title: Header Image
+              underline: true
+
+            header.header_image:
+              type: toggle
+              toggleable: true
+              label: Display Header Image
+              help: Enabled displaying of a header image
+              highlight: 1
+              options:
+                1: Enabled
+                0: Disabled
+
+            header.header_image_file:
+              type: text
+              toggleable: true
+              label: Image File
+              help: image filename that exists in the page folder. If not provided, will use the first image found.
+              placeholder: For example: myimage.jpg
+
+            header.header_image_width:
+              type: text
+              toggleable: true
+              label: Image Width
+              size: small
+              help: Header width in px
+              placeholder: Default is 900
+              validate:
+                type: int
+                min: 0
+                max: 5000
+
+            header.header_image_height:
+              type: text
+              toggleable: true
+              label: Image Height
+              size: small
+              help: Header height in px
+              placeholder: Default is 300
+              validate:
+                type: int
+                min: 0
+                max: 5000
+
+
+            summary:
+              type: section
+              title: Summary
+              underline: true
+
+
+            header.summary.enabled:
+              type: toggle
+              toggleable: true
+              label: Summary
+              highlight: 1
+              options:
+                1: Enabled
+                0: Disabled
+
+            header.summary.format:
+              type: select
+              toggleable: true
+              label: Format
+              classes: fancy
+              options:
+                'short': 'Use the first occurence of delimter or size'
+                'long': 'Summary delimiter will be ignored'
+
+            header.summary.size:
+              type: text
+              toggleable: true
+              label: Size
+              classes: large
+              placeholder: 300
+              validate:
+                type: int
+                min: 1
+
+            header.summary.delimiter:
+              type: text
+              toggleable: true
+              label: Summary delimiter
+              classes: large
+              placeholder: ===

user/themes/antimatter/blueprints/modular/features.yaml

@@ -0,0 +1,40 @@
+title: Features
+@extends: default
+
+form:
+  fields:
+    tabs:
+      fields:
+        advanced:
+          fields:
+            columns:
+              fields:
+                column1:
+                  fields:
+                    name:
+                      default: modular/features
+                      @data-options: '\Grav\Common\Page\Pages::modularTypes'
+            overrides:
+              fields:
+                header.template:
+                  default: modular/features
+                  @data-options: '\Grav\Common\Page\Pages::modularTypes'
+        features:
+          type: tab
+          title: Features
+          fields:
+            header.features:
+              name: features
+              type: list
+              label: Features
+
+              fields:
+                .icon:
+                  type: text
+                  label: Icon
+                .header:
+                  type: text
+                  label: Header
+                .text:
+                  type: text
+                  label: Text

user/themes/antimatter/blueprints/modular/showcase.yaml

@@ -0,0 +1,45 @@
+title: Showcase
+@extends: default
+
+form:
+  fields:
+    tabs:
+      fields:
+        advanced:
+          fields:
+            columns:
+              fields:
+                column1:
+                  fields:
+                    name:
+                      default: modular/showcase
+                      @data-options: '\Grav\Common\Page\Pages::modularTypes'
+            overrides:
+              fields:
+                header.template:
+                  default: modular/showcase
+                  @data-options: '\Grav\Common\Page\Pages::modularTypes'
+        buttons:
+          type: tab
+          title: Buttons
+          fields:
+            header.buttons:
+              name: buttons
+              type: list
+              label: Buttons
+              fields:
+                .text:
+                  type: text
+                  label: Text
+                .url:
+                  type: text
+                  label: URL
+                .primary:
+                  type: toggle
+                  label: Primary
+                  highlight: 1
+                  options:
+                      1: Yes
+                      0: No
+                  validate:
+                      type: bool

user/themes/antimatter/blueprints/modular/text.yaml

@@ -0,0 +1,34 @@
+title: Text
+@extends: default
+
+form:
+  fields:
+    tabs:
+      fields:
+        advanced:
+          fields:
+            columns:
+              fields:
+                column1:
+                  fields:
+                    name:
+                      default: modular/text
+                      @data-options: '\Grav\Common\Page\Pages::modularTypes'
+            overrides:
+              fields:
+                header.template:
+                  default: modular/text
+                  @data-options: '\Grav\Common\Page\Pages::modularTypes'
+        content:
+          fields:
+            uploads:
+              label: Page Media (first one will be displayed next to your content)
+            header.image_align:
+              type: select
+              label: Image position
+              classes: fancy
+              default: left
+              options:
+                'left': 'Left'
+                'right': 'Right'
+              type:

user/themes/antimatter/composer.json

@@ -0,0 +1,28 @@
+{
+    "name": "getgrav/grav-theme-antimatter",
+    "type": "grav-theme",
+    "description": "The default theme for the Grav flat-file CMS",
+    "keywords": ["theme","grav"],
+    "homepage": "http://getgrav.org",
+    "license": "MIT",
+    "support": {
+        "irc": "irc://irc.freenode.org/grav"
+    },
+    "authors": [
+        {
+            "name": "Team Grav",
+            "email": "devs@getgrav.org",
+            "homepage": "http://getgrav.org"
+        }
+    ],
+    "require": {
+        "php": ">=5.4.0",
+        "composer/installers": "~1.0"
+    },
+    "extra": {
+        "installer-name": "antimatter",
+        "installer-paths": {
+            "user/themes/{$name}/": ["getgrav/grav-theme-antimatter"]
+        }
+    }
+}

user/themes/antimatter/css-compiled/nucleus.css

@@ -0,0 +1,629 @@
+*, *::before, *::after {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box; }
+
+@-webkit-viewport {
+  width: device-width; }
+@-moz-viewport {
+  width: device-width; }
+@-ms-viewport {
+  width: device-width; }
+@-o-viewport {
+  width: device-width; }
+@viewport {
+  width: device-width; }
+html {
+  font-size: 100%;
+  -ms-text-size-adjust: 100%;
+  -webkit-text-size-adjust: 100%; }
+
+body {
+  margin: 0; }
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+nav,
+section,
+summary {
+  display: block; }
+
+audio,
+canvas,
+progress,
+video {
+  display: inline-block;
+  vertical-align: baseline; }
+
+audio:not([controls]) {
+  display: none;
+  height: 0; }
+
+[hidden],
+template {
+  display: none; }
+
+a {
+  background: transparent;
+  text-decoration: none; }
+
+a:active,
+a:hover {
+  outline: 0; }
+
+abbr[title] {
+  border-bottom: 1px dotted; }
+
+b,
+strong {
+  font-weight: bold; }
+
+dfn {
+  font-style: italic; }
+
+mark {
+  background: #ff0;
+  color: #000; }
+
+sub,
+sup {
+  font-size: 0.75rem;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline; }
+
+sup {
+  top: -0.5em; }
+
+sub {
+  bottom: -0.25em; }
+
+img {
+  border: 0;
+  max-width: 100%; }
+
+svg:not(:root) {
+  overflow: hidden; }
+
+figure {
+  margin: 1em 40px; }
+
+hr {
+  height: 0; }
+
+pre {
+  overflow: auto; }
+
+code,
+kbd,
+pre,
+samp {
+  font-size: 1rem; }
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  color: inherit;
+  font: inherit;
+  margin: 0; }
+
+button {
+  overflow: visible; }
+
+button,
+select {
+  text-transform: none; }
+
+button,
+html input[type="button"],
+input[type="reset"],
+input[type="submit"] {
+  -webkit-appearance: button;
+  cursor: pointer; }
+
+button[disabled],
+html input[disabled] {
+  cursor: default; }
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+  border: 0;
+  padding: 0; }
+
+input {
+  line-height: normal; }
+
+input[type="checkbox"],
+input[type="radio"] {
+  padding: 0; }
+
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+  height: auto; }
+
+input[type="search"] {
+  -webkit-appearance: textfield; }
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none; }
+
+legend {
+  border: 0;
+  padding: 0; }
+
+textarea {
+  overflow: auto; }
+
+optgroup {
+  font-weight: bold; }
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+  table-layout: fixed;
+  width: 100%; }
+
+tr, td, th {
+  vertical-align: middle; }
+
+th, td {
+  padding: 0.425rem 0; }
+
+th {
+  text-align: left; }
+
+.container {
+  width: 75em;
+  margin: 0 auto;
+  padding: 0; }
+  @media only all and (min-width: 60em) and (max-width: 74.938em) {
+    .container {
+      width: 60em; } }
+  @media only all and (min-width: 48em) and (max-width: 59.938em) {
+    .container {
+      width: 48em; } }
+  @media only all and (min-width: 30.063em) and (max-width: 47.938em) {
+    .container {
+      width: 30em; } }
+  @media only all and (max-width: 30em) {
+    .container {
+      width: 100%; } }
+
+.grid {
+  display: -webkit-box;
+  display: -moz-box;
+  display: box;
+  display: -webkit-flex;
+  display: -moz-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-flow: row;
+  -moz-flex-flow: row;
+  flex-flow: row;
+  list-style: none;
+  margin: 0;
+  padding: 0; }
+  @media only all and (max-width: 47.938em) {
+    .grid {
+      -webkit-flex-flow: row wrap;
+      -moz-flex-flow: row wrap;
+      flex-flow: row wrap; } }
+
+.block {
+  -webkit-box-flex: 1;
+  -moz-box-flex: 1;
+  box-flex: 1;
+  -webkit-flex: 1;
+  -moz-flex: 1;
+  -ms-flex: 1;
+  flex: 1;
+  min-width: 0;
+  min-height: 0; }
+  @media only all and (max-width: 47.938em) {
+    .block {
+      -webkit-box-flex: 0;
+      -moz-box-flex: 0;
+      box-flex: 0;
+      -webkit-flex: 0 100%;
+      -moz-flex: 0 100%;
+      -ms-flex: 0 100%;
+      flex: 0 100%; } }
+
+.content {
+  margin: 0.625rem;
+  padding: 0.938rem; }
+
+@media only all and (max-width: 47.938em) {
+  body [class*="size-"] {
+    -webkit-box-flex: 0;
+    -moz-box-flex: 0;
+    box-flex: 0;
+    -webkit-flex: 0 100%;
+    -moz-flex: 0 100%;
+    -ms-flex: 0 100%;
+    flex: 0 100%; } }
+
+.size-1-2 {
+  -webkit-box-flex: 0;
+  -moz-box-flex: 0;
+  box-flex: 0;
+  -webkit-flex: 0 50%;
+  -moz-flex: 0 50%;
+  -ms-flex: 0 50%;
+  flex: 0 50%; }
+
+.size-1-3 {
+  -webkit-box-flex: 0;
+  -moz-box-flex: 0;
+  box-flex: 0;
+  -webkit-flex: 0 33.33333%;
+  -moz-flex: 0 33.33333%;
+  -ms-flex: 0 33.33333%;
+  flex: 0 33.33333%; }
+
+.size-1-4 {
+  -webkit-box-flex: 0;
+  -moz-box-flex: 0;
+  box-flex: 0;
+  -webkit-flex: 0 25%;
+  -moz-flex: 0 25%;
+  -ms-flex: 0 25%;
+  flex: 0 25%; }
+
+.size-1-5 {
+  -webkit-box-flex: 0;
+  -moz-box-flex: 0;
+  box-flex: 0;
+  -webkit-flex: 0 20%;
+  -moz-flex: 0 20%;
+  -ms-flex: 0 20%;
+  flex: 0 20%; }
+
+.size-1-6 {
+  -webkit-box-flex: 0;
+  -moz-box-flex: 0;
+  box-flex: 0;
+  -webkit-flex: 0 16.66667%;
+  -moz-flex: 0 16.66667%;
+  -ms-flex: 0 16.66667%;
+  flex: 0 16.66667%; }
+
+.size-1-7 {
+  -webkit-box-flex: 0;
+  -moz-box-flex: 0;
+  box-flex: 0;
+  -webkit-flex: 0 14.28571%;
+  -moz-flex: 0 14.28571%;
+  -ms-flex: 0 14.28571%;
+  flex: 0 14.28571%; }
+
+.size-1-8 {
+  -webkit-box-flex: 0;
+  -moz-box-flex: 0;
+  box-flex: 0;
+  -webkit-flex: 0 12.5%;
+  -moz-flex: 0 12.5%;
+  -ms-flex: 0 12.5%;
+  flex: 0 12.5%; }
+
+.size-1-9 {
+  -webkit-box-flex: 0;
+  -moz-box-flex: 0;
+  box-flex: 0;
+  -webkit-flex: 0 11.11111%;
+  -moz-flex: 0 11.11111%;
+  -ms-flex: 0 11.11111%;
+  flex: 0 11.11111%; }
+
+.size-1-10 {
+  -webkit-box-flex: 0;
+  -moz-box-flex: 0;
+  box-flex: 0;
+  -webkit-flex: 0 10%;
+  -moz-flex: 0 10%;
+  -ms-flex: 0 10%;
+  flex: 0 10%; }
+
+.size-1-11 {
+  -webkit-box-flex: 0;
+  -moz-box-flex: 0;
+  box-flex: 0;
+  -webkit-flex: 0 9.09091%;
+  -moz-flex: 0 9.09091%;
+  -ms-flex: 0 9.09091%;
+  flex: 0 9.09091%; }
+
+.size-1-12 {
+  -webkit-box-flex: 0;
+  -moz-box-flex: 0;
+  box-flex: 0;
+  -webkit-flex: 0 8.33333%;
+  -moz-flex: 0 8.33333%;
+  -ms-flex: 0 8.33333%;
+  flex: 0 8.33333%; }
+
+@media only all and (min-width: 48em) and (max-width: 59.938em) {
+  .size-tablet-1-2 {
+    -webkit-box-flex: 0;
+    -moz-box-flex: 0;
+    box-flex: 0;
+    -webkit-flex: 0 50%;
+    -moz-flex: 0 50%;
+    -ms-flex: 0 50%;
+    flex: 0 50%; }
+
+  .size-tablet-1-3 {
+    -webkit-box-flex: 0;
+    -moz-box-flex: 0;
+    box-flex: 0;
+    -webkit-flex: 0 33.33333%;
+    -moz-flex: 0 33.33333%;
+    -ms-flex: 0 33.33333%;
+    flex: 0 33.33333%; }
+
+  .size-tablet-1-4 {
+    -webkit-box-flex: 0;
+    -moz-box-flex: 0;
+    box-flex: 0;
+    -webkit-flex: 0 25%;
+    -moz-flex: 0 25%;
+    -ms-flex: 0 25%;
+    flex: 0 25%; }
+
+  .size-tablet-1-5 {
+    -webkit-box-flex: 0;
+    -moz-box-flex: 0;
+    box-flex: 0;
+    -webkit-flex: 0 20%;
+    -moz-flex: 0 20%;
+    -ms-flex: 0 20%;
+    flex: 0 20%; }
+
+  .size-tablet-1-6 {
+    -webkit-box-flex: 0;
+    -moz-box-flex: 0;
+    box-flex: 0;
+    -webkit-flex: 0 16.66667%;
+    -moz-flex: 0 16.66667%;
+    -ms-flex: 0 16.66667%;
+    flex: 0 16.66667%; }
+
+  .size-tablet-1-7 {
+    -webkit-box-flex: 0;
+    -moz-box-flex: 0;
+    box-flex: 0;
+    -webkit-flex: 0 14.28571%;
+    -moz-flex: 0 14.28571%;
+    -ms-flex: 0 14.28571%;
+    flex: 0 14.28571%; }
+
+  .size-tablet-1-8 {
+    -webkit-box-flex: 0;
+    -moz-box-flex: 0;
+    box-flex: 0;
+    -webkit-flex: 0 12.5%;
+    -moz-flex: 0 12.5%;
+    -ms-flex: 0 12.5%;
+    flex: 0 12.5%; }
+
+  .size-tablet-1-9 {
+    -webkit-box-flex: 0;
+    -moz-box-flex: 0;
+    box-flex: 0;
+    -webkit-flex: 0 11.11111%;
+    -moz-flex: 0 11.11111%;
+    -ms-flex: 0 11.11111%;
+    flex: 0 11.11111%; }
+
+  .size-tablet-1-10 {
+    -webkit-box-flex: 0;
+    -moz-box-flex: 0;
+    box-flex: 0;
+    -webkit-flex: 0 10%;
+    -moz-flex: 0 10%;
+    -ms-flex: 0 10%;
+    flex: 0 10%; }
+
+  .size-tablet-1-11 {
+    -webkit-box-flex: 0;
+    -moz-box-flex: 0;
+    box-flex: 0;
+    -webkit-flex: 0 9.09091%;
+    -moz-flex: 0 9.09091%;
+    -ms-flex: 0 9.09091%;
+    flex: 0 9.09091%; }
+
+  .size-tablet-1-12 {
+    -webkit-box-flex: 0;
+    -moz-box-flex: 0;
+    box-flex: 0;
+    -webkit-flex: 0 8.33333%;
+    -moz-flex: 0 8.33333%;
+    -ms-flex: 0 8.33333%;
+    flex: 0 8.33333%; } }
+@media only all and (max-width: 47.938em) {
+  @supports not (flex-wrap: wrap) {
+    .grid {
+      display: block;
+      -webkit-box-lines: inherit;
+      -moz-box-lines: inherit;
+      box-lines: inherit;
+      -webkit-flex-wrap: inherit;
+      -moz-flex-wrap: inherit;
+      -ms-flex-wrap: inherit;
+      flex-wrap: inherit; }
+
+    .block {
+      display: block;
+      -webkit-box-flex: inherit;
+      -moz-box-flex: inherit;
+      box-flex: inherit;
+      -webkit-flex: inherit;
+      -moz-flex: inherit;
+      -ms-flex: inherit;
+      flex: inherit; } } }
+.first-block {
+  -webkit-box-ordinal-group: 0;
+  -webkit-order: -1;
+  -ms-flex-order: -1;
+  order: -1; }
+
+.last-block {
+  -webkit-box-ordinal-group: 2;
+  -webkit-order: 1;
+  -ms-flex-order: 1;
+  order: 1; }
+
+.fixed-blocks {
+  -webkit-flex-flow: row wrap;
+  -moz-flex-flow: row wrap;
+  flex-flow: row wrap; }
+  .fixed-blocks .block {
+    -webkit-box-flex: inherit;
+    -moz-box-flex: inherit;
+    box-flex: inherit;
+    -webkit-flex: inherit;
+    -moz-flex: inherit;
+    -ms-flex: inherit;
+    flex: inherit;
+    width: 25%; }
+    @media only all and (min-width: 60em) and (max-width: 74.938em) {
+      .fixed-blocks .block {
+        width: 33.33333%; } }
+    @media only all and (min-width: 48em) and (max-width: 59.938em) {
+      .fixed-blocks .block {
+        width: 50%; } }
+    @media only all and (max-width: 47.938em) {
+      .fixed-blocks .block {
+        width: 100%; } }
+
+@supports not (flex-wrap: wrap) {
+  .fixed-blocks {
+    display: block;
+    -webkit-flex-flow: inherit;
+    -moz-flex-flow: inherit;
+    flex-flow: inherit; } }
+body {
+  font-size: 1rem;
+  line-height: 1.7; }
+
+h1, h2, h3, h4, h5, h6 {
+  margin: 0.85rem 0 1.7rem 0;
+  text-rendering: optimizeLegibility; }
+
+h1 {
+  font-size: 3.2rem; }
+
+h2 {
+  font-size: 2.5rem; }
+
+h3 {
+  font-size: 2.1rem; }
+
+h4 {
+  font-size: 1.75rem; }
+
+h5 {
+  font-size: 1.35rem; }
+
+h6 {
+  font-size: 0.85rem; }
+
+p {
+  margin: 1.7rem 0; }
+
+ul, ol {
+  margin-top: 1.7rem;
+  margin-bottom: 1.7rem; }
+  ul ul, ul ol, ol ul, ol ol {
+    margin-top: 0;
+    margin-bottom: 0; }
+
+blockquote {
+  margin: 1.7rem 0;
+  padding-left: 0.85rem; }
+
+cite {
+  display: block;
+  font-size: 0.875rem; }
+  cite:before {
+    content: "\2014 \0020"; }
+
+pre {
+  margin: 1.7rem 0;
+  padding: 0.938rem; }
+
+code {
+  vertical-align: bottom; }
+
+small {
+  font-size: 0.875rem; }
+
+hr {
+  border-left: none;
+  border-right: none;
+  border-top: none;
+  margin: 1.7rem 0; }
+
+fieldset {
+  border: 0;
+  padding: 0.938rem;
+  margin: 0 0 1.7rem 0; }
+
+input,
+label,
+select {
+  display: block; }
+
+label {
+  margin-bottom: 0.425rem; }
+  label.required:after {
+    content: "*"; }
+  label abbr {
+    display: none; }
+
+textarea, input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"], select[multiple=multiple] {
+  -webkit-transition: border-color;
+  -moz-transition: border-color;
+  transition: border-color;
+  border-radius: 0.1875rem;
+  margin-bottom: 0.85rem;
+  padding: 0.425rem 0.425rem;
+  width: 100%; }
+  textarea:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, select[multiple=multiple]:focus {
+    outline: none; }
+
+textarea {
+  resize: vertical; }
+
+input[type="checkbox"], input[type="radio"] {
+  display: inline;
+  margin-right: 0.425rem; }
+
+input[type="file"] {
+  width: 100%; }
+
+select {
+  width: auto;
+  max-width: 100%;
+  margin-bottom: 1.7rem; }
+
+button,
+input[type="submit"] {
+  cursor: pointer;
+  user-select: none;
+  vertical-align: middle;
+  white-space: nowrap;
+  border: inherit; }
+
+/*# sourceMappingURL=nucleus.css.map */

user/themes/antimatter/css-compiled/particles.css

@@ -0,0 +1,98 @@
+.text-left {
+  text-align: left !important; }
+
+.text-right {
+  text-align: right !important; }
+
+.text-center {
+  text-align: center !important; }
+
+.text-justify {
+  text-align: justify !important; }
+
+@media all and (min-width: 75em) {
+  .large-desktop-text-left {
+    text-align: left !important; }
+
+  .large-desktop-text-right {
+    text-align: right !important; }
+
+  .large-desktop-text-center {
+    text-align: center !important; }
+
+  .large-desktop-text-justify {
+    text-align: justify !important; } }
+@media all and (min-width: 60em) and (max-width: 74.938em) {
+  .desktop-text-left {
+    text-align: left !important; }
+
+  .desktop-text-right {
+    text-align: right !important; }
+
+  .desktop-text-center {
+    text-align: center !important; }
+
+  .desktop-text-justify {
+    text-align: justify !important; } }
+@media all and (min-width: 48em) and (max-width: 59.938em) {
+  .tablet-text-left {
+    text-align: left !important; }
+
+  .tablet-text-right {
+    text-align: right !important; }
+
+  .tablet-text-center {
+    text-align: center !important; }
+
+  .tablet-text-justify {
+    text-align: justify !important; } }
+@media all and (min-width: 30.063em) and (max-width: 47.938em) {
+  .large-mobile-text-left {
+    text-align: left !important; }
+
+  .large-mobile-text-right {
+    text-align: right !important; }
+
+  .large-mobile-text-center {
+    text-align: center !important; }
+
+  .large-mobile-text-justify {
+    text-align: justify !important; } }
+@media all and (max-width: 30em) {
+  .small-mobile-text-left {
+    text-align: left !important; }
+
+  .small-mobile-text-right {
+    text-align: right !important; }
+
+  .small-mobile-text-center {
+    text-align: center !important; }
+
+  .small-mobile-text-justify {
+    text-align: justify !important; } }
+@media all and (min-width: 48em) {
+  .no-mobile-text-left {
+    text-align: left !important; }
+
+  .no-mobile-text-right {
+    text-align: right !important; }
+
+  .no-mobile-text-center {
+    text-align: center !important; }
+
+  .no-mobile-text-justify {
+    text-align: justify !important; } }
+@media all and (max-width: 47.938em) {
+  .mobile-only-text-left {
+    text-align: left !important; }
+
+  .mobile-only-text-right {
+    text-align: right !important; }
+
+  .mobile-only-text-center {
+    text-align: center !important; }
+
+  .mobile-only-text-justify {
+    text-align: justify !important; } }
+
+/*# sourceMappingURL=particles.css.map */

user/themes/antimatter/css-compiled/template.css

@@ -0,0 +1,868 @@
+@import url(//fonts.googleapis.com/css?family=Montserrat:400|Raleway:300,400,600|Inconsolata);
+#header #logo h3, #header #navbar ul.navigation, #header #navbar .panel-activation, #footer p {
+  position: relative;
+  top: 50%;
+  -webkit-transform: translateY(-50%);
+  -moz-transform: translateY(-50%);
+  -o-transform: translateY(-50%);
+  -ms-transform: translateY(-50%);
+  transform: translateY(-50%); }
+
+.button, .button-secondary {
+  display: inline-block;
+  padding: 7px 20px; }
+  .button-small.button, .button-small.button-secondary {
+    padding: 3px 10px;
+    font-size: 0.9rem; }
+
+html, body {
+  height: 100%; }
+
+body {
+  background: #fff;
+  color: #444;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale; }
+
+a {
+  color: #1BB3E9; }
+  a:hover {
+    color: #0e6e90; }
+
+b, strong, label, th {
+  font-weight: 600; }
+
+#container {
+  min-height: 100%;
+  position: relative; }
+
+.fullwidth #body {
+  padding-left: 0;
+  padding-right: 0; }
+
+#body {
+  background: #fff;
+  padding-top: 8rem;
+  padding-bottom: 11rem; }
+
+.left {
+  float: left; }
+
+.right {
+  float: right; }
+
+.default-animation, #body, #header, #header #logo h3, .modular .showcase .button {
+  -webkit-transition: all 0.5s ease;
+  -moz-transition: all 0.5s ease;
+  transition: all 0.5s ease; }
+
+.padding-horiz, .fullwidth #header, .fullwidth #breadcrumbs, .fullwidth .blog-header, .fullwidth .blog-content-item, .fullwidth .content-wrapper, .fullwidth ul.pagination, .fullwidth #body > .modular-row, #body, #header, #footer {
+  padding-left: 7rem;
+  padding-right: 7rem; }
+  @media only all and (max-width: 59.938em) {
+    .padding-horiz, .fullwidth #header, .fullwidth #breadcrumbs, .fullwidth .blog-header, .fullwidth .blog-content-item, .fullwidth .content-wrapper, .fullwidth ul.pagination, .fullwidth #body > .modular-row, #body, #header, #footer {
+      padding-left: 4rem;
+      padding-right: 4rem; } }
+  @media only all and (max-width: 47.938em) {
+    .padding-horiz, .fullwidth #header, .fullwidth #breadcrumbs, .fullwidth .blog-header, .fullwidth .blog-content-item, .fullwidth .content-wrapper, .fullwidth ul.pagination, .fullwidth #body > .modular-row, #body, #header, #footer {
+      padding-left: 1rem;
+      padding-right: 1rem; } }
+
+.padding-vert {
+  padding-top: 3rem;
+  padding-bottom: 3rem; }
+
+#header {
+  position: fixed;
+  z-index: 10;
+  width: 100%;
+  height: 5rem;
+  background-color: rgba(255, 255, 255, 0.9);
+  box-shadow: 0 0.05rem 1rem rgba(0, 0, 0, 0.15); }
+  #header.scrolled {
+    height: 3rem;
+    background-color: rgba(255, 255, 255, 0.9) !important;
+    box-shadow: 0 0.05rem 1rem rgba(0, 0, 0, 0.15) !important; }
+    #header.scrolled #logo h3 {
+      color: #444 !important;
+      font-size: 1.6rem !important; }
+    #header.scrolled #logo a, #header.scrolled #navbar span {
+      color: #444 !important; }
+    #header.scrolled #navbar a {
+      color: #1BB3E9 !important; }
+      #header.scrolled #navbar a:hover {
+        color: #0e6e90 !important; }
+    #header.scrolled #navbar a:before, #header.scrolled #navbar a:after {
+      background-color: #1BB3E9 !important; }
+  #header > .grid, #header #logo, #header #navbar {
+    height: 100%; }
+  #header #logo {
+    float: left; }
+    #header #logo h3 {
+      font-size: 2rem;
+      line-height: 2rem;
+      margin: 0;
+      text-transform: uppercase; }
+      #header #logo h3 a {
+        color: #444; }
+  #header #navbar {
+    font-size: 0.9rem; }
+    #header #navbar ul {
+      margin: 0;
+      padding: 0;
+      list-style: none; }
+      #header #navbar ul.navigation {
+        display: inline-block;
+        float: right; }
+        #header #navbar ul.navigation li {
+          float: left;
+          position: relative; }
+          #header #navbar ul.navigation li a {
+            font-family: "Montserrat", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
+            display: inline-block;
+            padding: 0.3rem 0.8rem; }
+            #header #navbar ul.navigation li a:before, #header #navbar ul.navigation li a:after {
+              content: "";
+              position: absolute;
+              width: 100%;
+              height: 1px;
+              bottom: 0;
+              left: 0;
+              background-color: #1BB3E9;
+              visibility: hidden;
+              -webkit-transform: scaleX(0);
+              -moz-transform: scaleX(0);
+              -ms-transform: scaleX(0);
+              -o-transform: scaleX(0);
+              transform: scaleX(0);
+              -webkit-transition: all 0.2s ease;
+              -moz-transition: all 0.2s ease;
+              transition: all 0.2s ease; }
+            #header #navbar ul.navigation li a:hover:before {
+              visibility: visible;
+              -webkit-transform: scaleX(0.75);
+              -moz-transform: scaleX(0.75);
+              -ms-transform: scaleX(0.75);
+              -o-transform: scaleX(0.75);
+              transform: scaleX(0.75); }
+            #header #navbar ul.navigation li a.active:after {
+              top: 0;
+              visibility: visible;
+              -webkit-transform: scaleX(0.75);
+              -moz-transform: scaleX(0.75);
+              -ms-transform: scaleX(0.75);
+              -o-transform: scaleX(0.75);
+              transform: scaleX(0.75); }
+          #header #navbar ul.navigation li.active a:after {
+            top: 0;
+            visibility: visible;
+            -webkit-transform: scaleX(0.75);
+            -moz-transform: scaleX(0.75);
+            -ms-transform: scaleX(0.75);
+            -o-transform: scaleX(0.75);
+            transform: scaleX(0.75); }
+          #header #navbar ul.navigation li ul {
+            display: none;
+            padding: 0;
+            box-shadow: 0 0.05rem 1rem rgba(0, 0, 0, 0.15) !important; }
+          #header #navbar ul.navigation li ul ul {
+            left: 100%;
+            top: 0; }
+          #header #navbar ul.navigation li:hover > ul {
+            display: block;
+            position: absolute;
+            background: rgba(255, 255, 255, 0.9);
+            width: 10rem; }
+          #header #navbar ul.navigation li:hover li {
+            float: none;
+            margin: 0;
+            padding: 0; }
+            #header #navbar ul.navigation li:hover li a {
+              padding: 0.5rem 0.8rem;
+              display: block; }
+              #header #navbar ul.navigation li:hover li a:before, #header #navbar ul.navigation li:hover li a:after {
+                display: none; }
+            #header #navbar ul.navigation li:hover li.active > a {
+              background: #1BB3E9;
+              color: #fff; }
+        @media only all and (max-width: 59.938em) {
+          #header #navbar ul.navigation {
+            display: none; } }
+    #header #navbar .panel-activation {
+      padding: 1rem;
+      display: none;
+      font-size: 1.8rem;
+      cursor: pointer;
+      float: right; }
+      @media only all and (max-width: 59.938em) {
+        #header #navbar .panel-activation {
+          display: inline-block; } }
+
+.header-image.fullwidth #body {
+  padding-left: 0;
+  padding-right: 0; }
+  .header-image.fullwidth #body > .listing-row {
+    padding-left: 7rem;
+    padding-right: 7rem; }
+.header-image .listing-row:last-child {
+  margin-bottom: 2rem; }
+.header-image #body .flush-top {
+  margin-top: -9.5rem;
+  padding-top: 9rem; }
+.header-image #breadcrumbs {
+  margin-top: 1rem; }
+.header-image #header {
+  background-color: rgba(255, 255, 255, 0);
+  box-shadow: none; }
+  .header-image #header #logo h3, .header-image #header #logo a {
+    color: #FFFFFF; }
+  .header-image #header a, .header-image #header .menu-btn {
+    color: #FFFFFF; }
+  .header-image #header a:before, .header-image #header a:after {
+    background-color: rgba(255, 255, 255, 0.7) !important; }
+  .header-image #header #navbar ul.navigation ul li a {
+    color: #1BB3E9; }
+    .header-image #header #navbar ul.navigation ul li a:hover {
+      color: #0e6e90; }
+
+#footer {
+  position: absolute;
+  background: #333;
+  height: 6rem;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  color: #999;
+  text-align: center; }
+  #footer a:hover {
+    color: #fff; }
+  #footer .totop {
+    position: absolute;
+    bottom: 5rem;
+    text-align: center;
+    left: 0;
+    right: 0; }
+    #footer .totop span {
+      font-size: 1.7rem;
+      line-height: 2.5rem;
+      background: #333;
+      width: 3rem;
+      height: 2rem;
+      border-radius: 3px;
+      display: inline-block;
+      text-align: top; }
+  #footer p {
+    margin: 0; }
+    #footer p .fa {
+      color: #fff; }
+
+html, body, button, input, select, textarea, .pure-g, .pure-g [class*="pure-u"] {
+  font-family: "Raleway", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
+  font-weight: 400; }
+
+h1, h2, h3, h4, h5, h6 {
+  font-family: "Montserrat", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
+  font-weight: 400;
+  text-rendering: optimizeLegibility;
+  letter-spacing: -0px; }
+
+h1 {
+  font-size: 3.2rem; }
+  @media only all and (max-width: 47.938em) {
+    h1 {
+      font-size: 2.5rem;
+      line-height: 1.2;
+      margin-bottom: 2.5rem; } }
+
+@media only all and (min-width: 48em) and (max-width: 59.938em) {
+  h2 {
+    font-size: 2.1rem; } }
+@media only all and (max-width: 47.938em) {
+  h2 {
+    font-size: 2rem; } }
+
+@media only all and (min-width: 48em) and (max-width: 59.938em) {
+  h3 {
+    font-size: 1.7rem; } }
+@media only all and (max-width: 47.938em) {
+  h3 {
+    font-size: 1.6rem; } }
+
+@media only all and (min-width: 48em) and (max-width: 59.938em) {
+  h4 {
+    font-size: 1.35rem; } }
+@media only all and (max-width: 47.938em) {
+  h4 {
+    font-size: 1.25rem; } }
+
+h1 {
+  text-align: center;
+  letter-spacing: -3px; }
+
+h2 {
+  letter-spacing: -2px; }
+
+h3 {
+  letter-spacing: -1px; }
+
+h1 + h2 {
+  margin: -2rem 0 2rem 0;
+  font-size: 2rem;
+  line-height: 1;
+  text-align: center;
+  font-family: "Raleway", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
+  font-weight: 300; }
+  @media only all and (min-width: 48em) and (max-width: 59.938em) {
+    h1 + h2 {
+      font-size: 1.6rem; } }
+  @media only all and (max-width: 47.938em) {
+    h1 + h2 {
+      font-size: 1.5rem; } }
+
+h2 + h3 {
+  margin: 0.5rem 0 2rem 0;
+  font-size: 2rem;
+  line-height: 1;
+  text-align: center;
+  font-family: "Raleway", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
+  font-weight: 300; }
+  @media only all and (min-width: 48em) and (max-width: 59.938em) {
+    h2 + h3 {
+      font-size: 1.6rem; } }
+  @media only all and (max-width: 47.938em) {
+    h2 + h3 {
+      font-size: 1.5rem; } }
+
+blockquote {
+  border-left: 10px solid #F0F2F4; }
+  blockquote p {
+    font-size: 1.1rem;
+    color: #999; }
+  blockquote cite {
+    display: block;
+    text-align: right;
+    color: #666;
+    font-size: 1.2rem; }
+
+blockquote > blockquote > blockquote {
+  margin: 0; }
+  blockquote > blockquote > blockquote p {
+    padding: 15px;
+    display: block;
+    font-size: 1rem;
+    margin-top: 0rem;
+    margin-bottom: 0rem; }
+  blockquote > blockquote > blockquote > p {
+    margin-left: -71px;
+    border-left: 10px solid #F0AD4E;
+    background: #FCF8F2;
+    color: #df8a13; }
+  blockquote > blockquote > blockquote > blockquote > p {
+    margin-left: -94px;
+    border-left: 10px solid #D9534F;
+    background: #FDF7F7;
+    color: #b52b27; }
+  blockquote > blockquote > blockquote > blockquote > blockquote > p {
+    margin-left: -118px;
+    border-left: 10px solid #5BC0DE;
+    background: #F4F8FA;
+    color: #28a1c5; }
+  blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > p {
+    margin-left: -142px;
+    border-left: 10px solid #5CB85C;
+    background: #F1F9F1;
+    color: #3d8b3d; }
+
+code,
+kbd,
+pre,
+samp {
+  font-family: "Inconsolata", monospace; }
+
+code {
+  background: #f9f2f4;
+  color: #9c1d3d; }
+
+pre {
+  padding: 2rem;
+  background: #f6f6f6;
+  border: 1px solid #ddd;
+  border-radius: 3px; }
+  pre code {
+    color: #237794;
+    background: inherit; }
+
+hr {
+  border-bottom: 4px solid #F0F2F4; }
+
+.page-title {
+  margin-top: -25px;
+  padding: 25px;
+  float: left;
+  clear: both;
+  background: #1BB3E9;
+  color: #fff; }
+
+.label {
+  vertical-align: middle;
+  background: #1BB3E9;
+  border-radius: 100%;
+  color: #fff;
+  height: 1rem;
+  min-width: 1rem;
+  line-height: 1rem;
+  display: inline-block;
+  text-align: center;
+  font-size: 0.7rem;
+  font-family: "Montserrat", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
+  margin-right: 0.75rem; }
+
+fieldset {
+  border: 1px solid #ddd; }
+
+textarea, input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"], select[multiple=multiple] {
+  background-color: white;
+  border: 1px solid #ddd;
+  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06); }
+  textarea:hover, input[type="email"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="url"]:hover, input[type="color"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="month"]:hover, input[type="time"]:hover, input[type="week"]:hover, select[multiple=multiple]:hover {
+    border-color: #c4c4c4; }
+  textarea:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, select[multiple=multiple]:focus {
+    border-color: #1BB3E9;
+    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(21, 163, 214, 0.7); }
+
+.form-field .required {
+  color: #F3443F;
+  font-size: 3rem;
+  line-height: 3rem;
+  vertical-align: top;
+  height: 1.5rem;
+  display: inline-block; }
+
+form .buttons {
+  text-align: center; }
+form input {
+  font-weight: 400; }
+
+table {
+  border: 1px solid #eaeaea;
+  table-layout: auto; }
+
+th {
+  background: #f7f7f7;
+  padding: 0.5rem; }
+
+td {
+  padding: 0.5rem;
+  border: 1px solid #eaeaea; }
+
+.button {
+  background: #fff;
+  color: #1BB3E9;
+  border: 1px solid #1BB3E9;
+  border-radius: 3px; }
+  .button:hover {
+    background: #1BB3E9;
+    color: #fff; }
+  .button:active {
+    box-shadow: 0 1px 0 #118ab5; }
+
+.button-secondary {
+  background: #fff;
+  color: #F6635E;
+  border: 1px solid #F6635E;
+  border-radius: 3px; }
+  .button-secondary:hover {
+    background: #F6635E;
+    color: #fff; }
+  .button-secondary:active {
+    box-shadow: 0 1px 0 #f32b24; }
+
+.bullets {
+  margin: 1.7rem 0;
+  margin-left: -0.85rem;
+  margin-right: -0.85rem;
+  overflow: auto; }
+
+.bullet {
+  float: left;
+  padding: 0 0.85rem; }
+
+.two-column-bullet {
+  width: 50%; }
+  @media only all and (max-width: 47.938em) {
+    .two-column-bullet {
+      width: 100%; } }
+
+.three-column-bullet {
+  width: 33.33333%; }
+  @media only all and (max-width: 47.938em) {
+    .three-column-bullet {
+      width: 100%; } }
+
+.four-column-bullet {
+  width: 25%; }
+  @media only all and (max-width: 47.938em) {
+    .four-column-bullet {
+      width: 100%; } }
+
+.bullet-icon {
+  float: left;
+  background: #1BB3E9;
+  padding: 0.875rem;
+  width: 3.5rem;
+  height: 3.5rem;
+  border-radius: 50%;
+  color: #fff;
+  font-size: 1.75rem;
+  text-align: center; }
+
+.bullet-icon-1 {
+  background: #1BB3E9; }
+
+.bullet-icon-2 {
+  background: #1be9da; }
+
+.bullet-icon-3 {
+  background: #d5e91b; }
+
+.bullet-content {
+  margin-left: 4.55rem; }
+
+.sb-slidebar {
+  background-color: #333 !important; }
+
+#panel {
+  padding-top: 1rem;
+  color: #ddd; }
+  #panel .navigation {
+    list-style: none;
+    padding: 0; }
+    #panel .navigation li {
+      border-bottom: 1px solid #3d3d3d; }
+      #panel .navigation li a {
+        color: #ddd;
+        display: block;
+        padding: 0.5rem 1rem;
+        font-weight: 600; }
+        #panel .navigation li a:hover {
+          color: white;
+          background-color: #262626; }
+        #panel .navigation li a:last-child {
+          border-bottom: 0; }
+      #panel .navigation li.active > a {
+        background: #fff;
+        color: #444; }
+        #panel .navigation li.active > a:hover {
+          color: #444; }
+      #panel .navigation li:first-child {
+        border-top: 1px solid #3d3d3d; }
+      #panel .navigation li ul {
+        list-style: none;
+        padding: 0; }
+        #panel .navigation li ul li {
+          border: 0 !important; }
+          #panel .navigation li ul li a {
+            color: #c4c4c4;
+            padding: 0.2rem 1rem 0.2rem 2rem;
+            font-size: 0.9rem; }
+          #panel .navigation li ul li li a {
+            padding-left: 3rem; }
+            #panel .navigation li ul li li a li a {
+              padding-left: 4rem; }
+          #panel .navigation li ul li.active > a {
+            background: #ccc; }
+
+.blog-header {
+  padding-top: 2rem;
+  padding-bottom: 2rem; }
+  .blog-header.blog-header-image {
+    background-size: cover;
+    background-position: center; }
+    .blog-header.blog-header-image h1, .blog-header.blog-header-image h2 {
+      color: #FFFFFF; }
+  .blog-header h1 {
+    font-size: 4rem;
+    margin-top: 0; }
+    @media only all and (min-width: 48em) and (max-width: 59.938em) {
+      .blog-header h1 {
+        font-size: 3rem; } }
+    @media only all and (max-width: 47.938em) {
+      .blog-header h1 {
+        font-size: 2.5rem;
+        line-height: 1.2;
+        margin-bottom: 2.5rem; } }
+  .blog-header + .blog-content {
+    padding-top: 3rem; }
+
+.list-item {
+  border-bottom: 1px solid #EEEEEE;
+  margin-bottom: 3rem; }
+  .list-item:last-child {
+    border-bottom: 0; }
+  .list-item .list-blog-header {
+    position: relative; }
+    .list-item .list-blog-header h4 {
+      margin-bottom: 0.5rem; }
+      .list-item .list-blog-header h4 a {
+        color: #444; }
+        .list-item .list-blog-header h4 a:hover {
+          color: #1BB3E9; }
+    .list-item .list-blog-header img {
+      display: block;
+      margin-top: 1rem;
+      border-radius: 3px; }
+  .list-item .list-blog-date {
+    float: right;
+    text-align: center; }
+    .list-item .list-blog-date span {
+      display: block;
+      font-size: 1.75rem;
+      font-weight: 600;
+      line-height: 110%; }
+    .list-item .list-blog-date em {
+      display: block;
+      border-top: 1px solid #EEEEEE;
+      font-style: normal;
+      text-transform: uppercase; }
+
+.blog-content-item .list-blog-padding > p:nth-child(2) {
+  font-size: 1.2rem; }
+
+.tags a {
+  display: inline-block;
+  font-size: 0.8rem;
+  border: 1px solid #1BB3E9;
+  border-radius: 3px;
+  padding: 0.1rem 0.4rem;
+  margin-bottom: 0.2rem;
+  text-transform: uppercase; }
+
+.archives, .related-pages {
+  padding: 0;
+  list-style: none; }
+  .archives li, .related-pages li {
+    border-bottom: 1px solid #EEEEEE;
+    line-height: 2rem; }
+    .archives li:last-child, .related-pages li:last-child {
+      border-bottom: 0; }
+
+.related-pages li a {
+  display: block; }
+.related-pages .score {
+  display: block;
+  float: right;
+  color: #999;
+  font-size: 85%; }
+
+.syndicate a {
+  margin-bottom: 1rem; }
+
+div#breadcrumbs {
+  padding-left: 0; }
+  @media only all and (max-width: 47.938em) {
+    div#breadcrumbs {
+      display: none; } }
+
+#sidebar {
+  padding-left: 3rem; }
+  @media only all and (max-width: 47.938em) {
+    #sidebar {
+      padding-left: 0; } }
+  #sidebar .sidebar-content {
+    margin-bottom: 3rem; }
+    #sidebar .sidebar-content h4 {
+      margin-bottom: 1rem; }
+    #sidebar .sidebar-content p, #sidebar .sidebar-content ul {
+      margin-top: 1rem; }
+
+ul.pagination {
+  margin: 0 0 3rem;
+  text-align: center; }
+
+.prev-next {
+  margin-top: 5rem;
+  text-align: center; }
+
+#error {
+  text-align: center;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  padding-bottom: 6rem; }
+  #error h1 {
+    font-size: 5rem; }
+  #error p {
+    margin: 1rem 0; }
+
+.simplesearch h1 {
+  margin-bottom: 0; }
+.simplesearch .center {
+  text-align: center; }
+.simplesearch input {
+  display: inline-block;
+  max-width: 30rem;
+  font-size: 2rem; }
+.simplesearch .search-image {
+  margin-top: 1rem; }
+  .simplesearch .search-image img {
+    border-radius: 4px; }
+    @media only all and (max-width: 47.938em) {
+      .simplesearch .search-image img {
+        display: none; } }
+@media only all and (max-width: 47.938em) {
+  .simplesearch .search-item {
+    margin-left: 0; } }
+.simplesearch .search-details {
+  float: right;
+  margin-top: -2.5rem;
+  font-weight: bold;
+  font-size: 1rem;
+  color: #777777; }
+  @media only all and (max-width: 47.938em) {
+    .simplesearch .search-details {
+      float: none;
+      margin-top: -0.2rem;
+      margin-bottom: 1rem; } }
+.simplesearch hr {
+  border-bottom: 1px solid #eee; }
+
+.grav-lightslider .lSSlideOuter .lSPager.lSpg > li a {
+  z-index: 1; }
+
+#body > script:first-child + .grav-lightslider {
+  margin-top: -3rem; }
+
+.modular.header-image #header {
+  background-color: rgba(255, 255, 255, 0);
+  box-shadow: none; }
+  .modular.header-image #header #logo h3 {
+    color: #FFFFFF; }
+  .modular.header-image #header #navbar a {
+    color: #FFFFFF; }
+.modular .showcase {
+  padding-top: 4rem;
+  padding-bottom: 4rem;
+  background-color: #666;
+  background-size: cover;
+  background-position: center;
+  text-align: center;
+  color: #FFFFFF; }
+  .modular .showcase h1 {
+    font-size: 4rem;
+    margin-top: 0; }
+    @media only all and (min-width: 48em) and (max-width: 59.938em) {
+      .modular .showcase h1 {
+        font-size: 3rem; } }
+    @media only all and (max-width: 47.938em) {
+      .modular .showcase h1 {
+        font-size: 2.5rem;
+        line-height: 1.2;
+        margin-bottom: 2.5rem; } }
+  .modular .showcase .button {
+    color: #FFFFFF;
+    padding: 0.7rem 2rem;
+    margin-top: 2rem;
+    background: rgba(255, 255, 255, 0);
+    border: 1px solid #FFFFFF;
+    border-radius: 3px;
+    box-shadow: none;
+    font-size: 1.3rem; }
+    .modular .showcase .button:hover {
+      background: rgba(255, 255, 255, 0.2); }
+
+.modular .features {
+  padding: 6rem 0;
+  text-align: center; }
+  .modular .features:after {
+    content: "";
+    display: table;
+    clear: both; }
+  .modular .features h2 {
+    margin: 0;
+    line-height: 100%; }
+  .modular .features p {
+    margin: 1rem 0;
+    font-size: 1.2rem; }
+    @media only all and (max-width: 47.938em) {
+      .modular .features p {
+        font-size: 1rem; } }
+  .modular .features .feature-items {
+    margin-top: 2rem; }
+    @supports not (flex-wrap: wrap) {
+      .modular .features .feature-items {
+        overflow: hidden; } }
+  .modular .features .feature {
+    display: block;
+    float: left;
+    width: 25%;
+    vertical-align: top;
+    margin-top: 2rem;
+    margin-bottom: 1rem; }
+    @media only all and (min-width: 30.063em) and (max-width: 47.938em) {
+      .modular .features .feature {
+        margin-top: 1rem;
+        width: 50%; } }
+    @media only all and (max-width: 30em) {
+      .modular .features .feature {
+        margin-top: 1rem;
+        width: 100%; } }
+    .modular .features .feature i.fa {
+      font-size: 2rem;
+      color: #1BB3E9; }
+    .modular .features .feature h4 {
+      margin: 0;
+      font-size: 1.1rem; }
+    .modular .features .feature p {
+      display: inline-block;
+      font-size: 1rem;
+      margin: 0.2rem 0 1rem; }
+  .modular .features.big {
+    text-align: center; }
+    .modular .features.big .feature {
+      width: 50%; }
+      @media only all and (max-width: 30em) {
+        .modular .features.big .feature {
+          margin-top: 1rem;
+          width: 100%; } }
+    .modular .features.big i.fa {
+      font-size: 3rem;
+      float: left; }
+    .modular .features.big .feature-content {
+      padding-right: 2rem; }
+      .modular .features.big .feature-content.icon-offset {
+        margin-left: 5rem; }
+      .modular .features.big .feature-content h4 {
+        font-size: 1.3rem;
+        text-align: left; }
+      .modular .features.big .feature-content p {
+        padding: 0;
+        text-align: left; }
+
+.callout {
+  background: #f6f6f6;
+  padding: 6rem 0.938rem; }
+  @media only all and (max-width: 59.938em) {
+    .callout {
+      text-align: center; } }
+  .callout .align-left {
+    float: left;
+    margin-right: 2rem; }
+    @media only all and (max-width: 59.938em) {
+      .callout .align-left {
+        float: none;
+        margin-right: 0; } }
+  .callout .align-right {
+    float: right;
+    margin-left: 2rem; }
+    @media only all and (max-width: 59.938em) {
+      .callout .align-right {
+        float: none;
+        margin-left: 0; } }
+  .callout img {
+    border-radius: 3px; }
+
+.modular .modular-row:last-child {
+  margin-bottom: 2rem; }
+
+/*# sourceMappingURL=template.css.map */

user/themes/antimatter/css/nucleus-ie10.css

@@ -0,0 +1,24 @@
+button {
+	overflow: visible;
+}
+
+input[type="checkbox"],
+input[type="radio"] {
+	box-sizing: border-box;
+	padding: 0;
+}
+
+.fixed-blocks {
+	display: block;
+}
+
+.feature-items {
+    overflow: hidden;
+}
+
+.modular .features .feature {
+	margin: 1%;
+    display: inline-block;
+    vertical-align: top;
+    float: none;
+}

user/themes/antimatter/css/nucleus-ie9.css

@@ -0,0 +1,62 @@
+/* IE9 Resets and Normalization */
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+nav,
+section,
+summary {
+	display: block;
+}
+
+audio,
+canvas,
+progress,
+video {
+	display: inline-block;
+}
+
+[hidden],
+template {
+	display: none;
+}
+
+abbr[title] {
+	border-bottom: 1px dotted;
+}
+
+img {
+	border: 0;
+}
+
+svg:not(:root) {
+	overflow: hidden;
+}
+
+figure {
+	margin: 1em 40px;
+}
+
+button {
+	overflow: visible;
+}
+
+input[type="checkbox"],
+input[type="radio"] {
+	box-sizing: border-box;
+	padding: 0;
+}
+
+legend {
+	border: 0;
+	padding: 0;
+}
+
+textarea {
+	overflow: auto;
+}

user/themes/antimatter/css/prism.css

@@ -0,0 +1,121 @@
+/* http://prismjs.com/download.html?themes=prism&languages=markup+css+clike+javascript */
+/**
+ * prism.js default theme for JavaScript, CSS and HTML
+ * Based on dabblet (http://dabblet.com)
+ * @author Lea Verou
+ */
+
+code[class*="language-"],
+pre[class*="language-"] {
+	color: black;
+	text-shadow: 0 1px white;
+	direction: ltr;
+	text-align: left;
+	white-space: pre;
+	word-spacing: normal;
+	word-break: normal;
+
+
+	-moz-tab-size: 4;
+	-o-tab-size: 4;
+	tab-size: 4;
+
+	-webkit-hyphens: none;
+	-moz-hyphens: none;
+	-ms-hyphens: none;
+	hyphens: none;
+}
+
+pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
+code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
+	text-shadow: none;
+	background: #b3d4fc;
+}
+
+pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
+code[class*="language-"]::selection, code[class*="language-"] ::selection {
+	text-shadow: none;
+	background: #b3d4fc;
+}
+
+@media print {
+	code[class*="language-"],
+	pre[class*="language-"] {
+		text-shadow: none;
+	}
+}
+
+/* Code blocks */
+pre[class*="language-"] {
+	padding: 1em;
+	margin: .5em 0;
+	overflow: auto;
+}
+
+/* Inline code */
+:not(pre) > code[class*="language-"] {
+	padding: .1em;
+	border-radius: .3em;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+	color: slategray;
+}
+
+.token.punctuation {
+	color: #999;
+}
+
+.namespace {
+	opacity: .7;
+}
+
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol {
+	color: #905;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.builtin {
+	color: #690;
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string,
+.token.variable {
+	color: #a67f59;
+	background: hsla(0,0%,100%,.5);
+}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+	color: #07a;
+}
+
+
+.token.regex,
+.token.important {
+	color: #e90;
+}
+
+.token.important {
+	font-weight: bold;
+}
+
+.token.entity {
+	cursor: help;
+}
+

user/themes/antimatter/js/antimatter.js

@@ -0,0 +1,37 @@
+var isTouch = window.DocumentTouch && document instanceof DocumentTouch;
+
+function scrollHeader() {
+    // Has scrolled class on header
+    var zvalue = $(document).scrollTop();
+    if ( zvalue > 75 )
+        $("#header").addClass("scrolled");
+    else
+        $("#header").removeClass("scrolled");
+}
+
+jQuery(document).ready(function($){
+
+    // ON SCROLL EVENTS
+    if (!isTouch){
+        $(document).scroll(function() {
+            scrollHeader();
+        });
+    };
+
+    // TOUCH SCROLL
+    $(document).on({
+        'touchmove': function(e) {
+            scrollHeader(); // Replace this with your code.
+        }
+    });
+
+    //Smooth scroll to top
+    $('#toTop').click(function(){
+        $("html, body").animate({ scrollTop: 0 }, 500);
+        return false;
+    });
+    // Responsive Menu
+
+});
+
+

user/themes/antimatter/languages.yaml

@@ -0,0 +1,2 @@
+en:
+  TRANSLATION_TEST: Antimatter!

user/themes/antimatter/scss.sh

@@ -0,0 +1,2 @@
+#!/bin/sh
+scss --watch scss:css-compiled

user/themes/antimatter/scss/configuration/nucleus/_base.scss

@@ -0,0 +1,14 @@
+// Core
+@import "core";
+
+// Breakpoints
+@import "breakpoints";
+
+// Layout
+@import "layout";
+
+// Typography
+@import "typography";
+
+// Nav
+@import "nav";

user/themes/antimatter/scss/configuration/nucleus/_breakpoints.scss

@@ -0,0 +1,16 @@
+// Media Device Breakpoints
+$large-desktop-container:		75.000em !default;
+$desktop-container:				60.000em !default;
+$tablet-container:				48.000em !default;
+$large-mobile-container:		30.000em !default;
+$mobile-container:				100% !default;
+
+// Breakpoint Variables For Particles
+$media: "all" !default;
+$mobile-only: "#{$media} and (max-width:#{$tablet-container - 0.062})" !default;
+$no-mobile: "#{$media} and (min-width:#{$tablet-container})" !default;
+$small-mobile-range: "#{$media} and (max-width:#{$large-mobile-container})" !default;
+$large-mobile-range: "#{$media} and (min-width:#{$large-mobile-container + 0.063}) and (max-width:#{$tablet-container - 0.062})" !default;
+$tablet-range: "#{$media} and (min-width:#{$tablet-container}) and (max-width:#{$desktop-container - 0.062})" !default;
+$desktop-range: "#{$media} and (min-width:#{$desktop-container}) and (max-width:#{$large-desktop-container - 0.062})" !default;
+$large-desktop-range: "#{$media} and (min-width:#{$large-desktop-container})" !default;

user/themes/antimatter/scss/configuration/nucleus/_core.scss

@@ -0,0 +1,2 @@
+// Border Radius
+$core-border-radius:			rem(3) !default;

user/themes/antimatter/scss/configuration/nucleus/_layout.scss

@@ -0,0 +1,8 @@
+// Content Block Spacing Variables
+$content-margin:				0.625rem !default;
+$content-padding:				0.938rem !default;
+
+// Fixed Block Variables
+$fixed-block-full:				percentage(1/4) !default;
+$fixed-block-desktop:			percentage(1/3) !default;
+$fixed-block-tablet:			percentage(1/2) !default;

user/themes/antimatter/scss/configuration/nucleus/_nav.scss

@@ -0,0 +1,3 @@
+// Dropdowns
+$dropdown-width:				140px !default;
+$flyout-width:					140px !default;

user/themes/antimatter/scss/configuration/nucleus/_typography.scss

@@ -0,0 +1,14 @@
+// Base Sizes
+$core-font-size:				1rem !default;
+$core-line-height:				1.7 !default;
+
+// Heading Sizes
+$h1-font-size:					$core-font-size + 2.20 !default;
+$h2-font-size:					$core-font-size + 1.50 !default;
+$h3-font-size:					$core-font-size + 1.10 !default;
+$h4-font-size:					$core-font-size + 0.75 !default;
+$h5-font-size:					$core-font-size + 0.35 !default;
+$h6-font-size:					$core-font-size - 0.15 !default;
+
+// Spacing
+$leading-margin:				$core-line-height * 1rem !default;

user/themes/antimatter/scss/configuration/template/_base.scss

@@ -0,0 +1,11 @@
+// Colors
+@import "colors";
+
+// Typography
+@import "typography";
+
+// Typography
+@import "bullets";
+
+// Variables
+@import "variables";

user/themes/antimatter/scss/configuration/template/_bullets.scss

@@ -0,0 +1,5 @@
+$bullet-icon-size:				3.5rem;
+
+$bullet-icon-color-1:			$core-accent;
+$bullet-icon-color-2:			adjust-hue($core-accent, -20);
+$bullet-icon-color-3:			adjust-hue($core-accent, -130);

user/themes/antimatter/scss/configuration/template/_colors.scss

@@ -0,0 +1,75 @@
+// Core
+$core-text:						#444;
+$core-accent:					#1BB3E9;
+$secondary-link:				#F6635E;
+$white:							#fff;
+$black:							#000;
+$light-gray:					#ddd;
+$border-color: 					#EEEEEE;
+
+// Borders
+$core-border-color:				$light-gray;
+$core-border-color-hover: 		darken($core-border-color, 10);
+$core-border-color-focus: 		$core-accent;
+
+// Shadows
+$core-box-shadow: 				inset 0 1px 3px hsla(0, 0%, 0%, 0.06);
+$core-box-shadow-focus: 		$core-box-shadow, 0 0 5px rgba(darken($core-border-color-focus, 5), 0.7);
+
+// Background
+$page-bg:						#fff;
+
+// Header
+$header-text: 					#FFFFFF;
+
+// Nav
+$navbar-text: 					#75879A;
+$navbar-bg: 					#FFFFFF;
+
+// Showcase
+$showcase-bg:					lighten($core-accent, 6%);
+$showcase-text:					#fff;
+
+// Feature
+$feature-bg:					#fff;
+
+// Main Body
+$main-bg:						#f7f7f7;
+$body-border:					darken($main-bg, 5%);
+
+// Sidebar
+$sidebar-text:					#aaa;
+
+// Bottom
+$bottom-bg:						#f7f7f7;
+$bottom-text:					$core-text;
+
+// Footer
+$footer-bg:						#333;
+$footer-text:					#999;
+
+$rule-color: 					#F0F2F4;
+$code-text:						#c7254e;
+$code-bg:						#f9f2f4;
+$pre-text:						#237794;
+$pre-bg:						#f6f6f6;
+
+// Dark Contrast variation
+$dark-navbar-text:				#999;
+$dark-sidebar:					#222;
+$dark-sidebar-text:				#999;
+$dark-main-bg:					#333;
+$dark-body-border:				#666;
+
+// Info - Yellow
+$notes-info-border:     #F0AD4E;
+$notes-info-bg:         #FCF8F2;
+// Warning - Red
+$notes-warning-border:  #D9534F;
+$notes-warning-bg:      #FDF7F7;
+// Note - Blue
+$notes-note-border:     #5BC0DE;
+$notes-note-bg:         #F4F8FA;
+// Success - Green
+$notes-success-border:  #5CB85C;
+$notes-success-bg:      #F1F9F1;

user/themes/antimatter/scss/configuration/template/_typography.scss

@@ -0,0 +1,7 @@
+// Font Family
+$font-family-default:  			"Raleway", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
+$font-family-header:  			"Montserrat", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
+$font-family-mono: 				"Inconsolata", monospace;
+$font-family-serif:				"Georgia", "Times", "Times New Roman", serif;
+
+$icons: 						"FontAwesome";

user/themes/antimatter/scss/configuration/template/_variables.scss

@@ -0,0 +1,13 @@
+// Sizes
+$header-height: 5rem;
+$footer-height: 6rem;
+$border-radius: 3px;
+
+// Font Weights
+$font-weight-bold: 600;
+$font-weight-regular: 400;
+$font-weight-light:300;
+
+// Global Paddings
+$padding-horiz: 7rem;
+$padding-vert: 3rem;

user/themes/antimatter/scss/nucleus.scss

@@ -0,0 +1,27 @@
+// REQUIRED DEPENDENCIES - DO NOT CHANGE
+
+// Load Third Party Libraries
+@import "vendor/bourbon/bourbon";
+
+// Load Nucleus Configuration
+@import "configuration/nucleus/base";
+
+// Load Nucleus Mixins and Functions
+@import "nucleus/functions/base";
+@import "nucleus/mixins/base";
+
+//-------------------------------------------
+
+// LOAD NUCLEUS COMPONENTS
+
+// Core
+@import "nucleus/core";
+
+// Flex
+@import "nucleus/flex";
+
+// Typography
+@import "nucleus/typography";
+
+// Forms
+@import "nucleus/forms";

user/themes/antimatter/scss/nucleus/_core.scss

@@ -0,0 +1,217 @@
+*, *::before, *::after {
+	@include box-sizing(border-box);
+}
+
+@-webkit-viewport{width:device-width}
+@-moz-viewport{width:device-width}
+@-ms-viewport{width:device-width}
+@-o-viewport{width:device-width}
+@viewport{width:device-width}
+
+html {
+	font-size: 100%;
+	-ms-text-size-adjust: 100%;
+	-webkit-text-size-adjust: 100%;
+}
+
+body {
+	margin: 0;
+}
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+nav,
+section,
+summary {
+	display: block;
+}
+
+audio,
+canvas,
+progress,
+video {
+	display: inline-block;
+	vertical-align: baseline;
+}
+
+audio:not([controls]) {
+	display: none;
+	height: 0;
+}
+
+[hidden],
+template {
+	display: none;
+}
+
+a {
+	background: transparent;
+	text-decoration: none;
+}
+
+a:active,
+a:hover {
+	outline: 0;
+}
+
+abbr[title] {
+	border-bottom: 1px dotted;
+}
+
+b,
+strong {
+	font-weight: bold;
+}
+
+dfn {
+	font-style: italic;
+}
+
+mark {
+	background: #ff0;
+	color: #000;
+}
+
+sub,
+sup {
+	font-size: $core-font-size - 0.250;
+	line-height: 0;
+	position: relative;
+	vertical-align: baseline;
+}
+
+sup {
+	top: -0.5em;
+}
+
+sub {
+	bottom: -0.25em;
+}
+
+img {
+	border: 0;
+	max-width: 100%;
+}
+
+svg:not(:root) {
+	overflow: hidden;
+}
+
+figure {
+	margin: 1em 40px;
+}
+
+hr {
+	height: 0;
+}
+
+pre {
+	overflow: auto;
+}
+
+code,
+kbd,
+pre,
+samp {
+	font-size: $core-font-size;
+}
+
+button,
+input,
+optgroup,
+select,
+textarea {
+	color: inherit;
+	font: inherit;
+	margin: 0;
+}
+
+button {
+	overflow: visible;
+}
+
+button,
+select {
+	text-transform: none;
+}
+
+button,
+html input[type="button"],
+input[type="reset"],
+input[type="submit"] {
+	-webkit-appearance: button;
+	cursor: pointer;
+}
+
+button[disabled],
+html input[disabled] {
+	cursor: default;
+}
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+	border: 0;
+	padding: 0;
+}
+
+input {
+	line-height: normal;
+}
+
+input[type="checkbox"],
+input[type="radio"] {
+	padding: 0;
+}
+
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+	height: auto;
+}
+
+input[type="search"] {
+	-webkit-appearance: textfield;
+}
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+	-webkit-appearance: none;
+}
+
+legend {
+	border: 0;
+	padding: 0;
+}
+
+textarea {
+	overflow: auto;
+}
+
+optgroup {
+	font-weight: bold;
+}
+
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+	table-layout: fixed;
+	width: 100%;
+}
+
+tr, td, th {
+	vertical-align: middle;
+}
+
+th, td {
+	padding: ($leading-margin / 4) 0;
+}
+
+th {
+	text-align: left;
+}

user/themes/antimatter/scss/nucleus/_flex.scss

@@ -0,0 +1,197 @@
+// Page Container
+.container {
+	width: $large-desktop-container;
+	margin: 0 auto;
+	padding: 0;
+	@include breakpoint(desktop-range) {
+		width: $desktop-container;
+	}
+	@include breakpoint(tablet-range) {
+		width: $tablet-container;
+	}
+	@include breakpoint(large-mobile-range) {
+		width: $large-mobile-container;
+	}
+	@include breakpoint(small-mobile-range) {
+		width: $mobile-container;
+	}
+}
+
+// Grid Row and Column Setup
+.grid {
+	@include display(flex);
+	@include flex-flow(row);
+	list-style: none;
+	margin: 0;
+	padding: 0;
+	@include breakpoint(mobile-only) {
+		@include flex-flow(row wrap);
+	}
+}
+
+.block {
+	@include flex(1);
+	min-width: 0;
+	min-height: 0;
+	@include breakpoint(mobile-only) {
+		@include flex(0 100%);
+	}
+}
+
+// Content Block Spacing
+.content {
+	margin: $content-margin;
+	padding: $content-padding;
+}
+
+body [class*="size-"] {
+	@include breakpoint(mobile-only) {
+		@include flex(0 100%);
+	}
+}
+
+// Custom Size Modifiers
+.size-1-2 {
+	@include flex(0 percentage(1/2));
+}
+
+.size-1-3 {
+	@include flex(0 percentage(1/3));
+}
+
+.size-1-4 {
+	@include flex(0 percentage(1/4));
+}
+
+.size-1-5 {
+	@include flex(0 percentage(1/5));
+}
+
+.size-1-6 {
+	@include flex(0 percentage(1/6));
+}
+
+.size-1-7 {
+	@include flex(0 percentage(1/7));
+}
+
+.size-1-8 {
+	@include flex(0 percentage(1/8));
+}
+
+.size-1-9 {
+	@include flex(0 percentage(1/9));
+}
+
+.size-1-10 {
+	@include flex(0 percentage(1/10));
+}
+
+.size-1-11 {
+	@include flex(0 percentage(1/11));
+}
+
+.size-1-12 {
+	@include flex(0 percentage(1/12));
+}
+
+@include breakpoint(tablet-range) {
+	.size-tablet-1-2 {
+		@include flex(0 percentage(1/2));
+	}
+
+	.size-tablet-1-3 {
+		@include flex(0 percentage(1/3));
+	}
+
+	.size-tablet-1-4 {
+		@include flex(0 percentage(1/4));
+	}
+
+	.size-tablet-1-5 {
+		@include flex(0 percentage(1/5));
+	}
+
+	.size-tablet-1-6 {
+		@include flex(0 percentage(1/6));
+	}
+
+	.size-tablet-1-7 {
+		@include flex(0 percentage(1/7));
+	}
+
+	.size-tablet-1-8 {
+		@include flex(0 percentage(1/8));
+	}
+
+	.size-tablet-1-9 {
+		@include flex(0 percentage(1/9));
+	}
+
+	.size-tablet-1-10 {
+		@include flex(0 percentage(1/10));
+	}
+
+	.size-tablet-1-11 {
+		@include flex(0 percentage(1/11));
+	}
+
+	.size-tablet-1-12 {
+		@include flex(0 percentage(1/12));
+	}
+}
+
+// Fix for Firefox versions 27 and below
+@include breakpoint(mobile-only) {
+	@supports not (flex-wrap: wrap) {
+		.grid {
+			display: block;
+			@include flex-wrap(inherit);
+		}
+		.block {
+			display: block;
+			@include flex(inherit);
+		}
+	}
+}
+
+// Reordering
+.first-block {
+  -webkit-box-ordinal-group: 0;
+  -webkit-order: -1;
+  -ms-flex-order: -1;
+  order: -1;
+}
+
+.last-block {
+  -webkit-box-ordinal-group: 2;
+  -webkit-order: 1;
+  -ms-flex-order: 1;
+  order: 1;
+}
+
+// Fixed Grid Style
+.fixed-blocks {
+	@include flex-flow(row wrap);
+	.block {
+		@include flex(inherit);
+		width: $fixed-block-full;
+		@include breakpoint(desktop-range) {
+			width: $fixed-block-desktop;
+		}
+		@include breakpoint(tablet-range) {
+			width: $fixed-block-tablet;
+		}
+		@include breakpoint(mobile-only) {
+			width: 100%;
+		}
+	}
+}
+
+// Fix for browsers that don't support flex-wrap
+@supports not (flex-wrap: wrap) {
+	.fixed-blocks {
+		display: block;
+		@include flex-flow(inherit);
+	}
+}

user/themes/antimatter/scss/nucleus/_forms.scss

@@ -0,0 +1,63 @@
+fieldset {
+	border: 0;
+	padding: $content-padding;
+	margin: 0 0 $leading-margin 0;
+}
+
+input,
+label,
+select {
+	display: block;
+}
+
+label {
+	margin-bottom: $leading-margin / 4;
+
+	&.required:after {
+		content: "*";
+	}
+
+	abbr {
+		display: none;
+	}
+}
+
+textarea, #{$all-text-inputs}, select[multiple=multiple] {
+	@include transition(border-color);
+	border-radius: $core-border-radius;
+	margin-bottom: $leading-margin / 2;
+	padding: ($leading-margin / 4) ($leading-margin / 4);
+	width: 100%;
+
+	&:focus {
+		outline: none;
+	}
+}
+
+textarea {
+	resize: vertical;
+}
+
+input[type="checkbox"], input[type="radio"] {
+	display: inline;
+	margin-right: $leading-margin / 4;
+}
+
+input[type="file"] {
+	width: 100%;
+}
+
+select {
+	width: auto;
+	max-width: 100%;
+	margin-bottom: $leading-margin;
+}
+
+button,
+input[type="submit"] {
+	cursor: pointer;
+	user-select: none;
+	vertical-align: middle;
+	white-space: nowrap;
+	border: inherit;
+}

user/themes/antimatter/scss/nucleus/_typography.scss

@@ -0,0 +1,86 @@
+// Body Base
+body {
+	font-size: $core-font-size;
+	line-height: $core-line-height;
+}
+
+// Headings
+h1, h2, h3, h4, h5, h6 {
+	margin: $leading-margin / 2 0 $leading-margin 0;
+	text-rendering: optimizeLegibility;
+}
+
+h1 {
+	font-size: $h1-font-size;
+}
+
+h2 {
+	font-size: $h2-font-size;
+}
+
+h3 {
+	font-size: $h3-font-size;
+}
+
+h4 {
+	font-size: $h4-font-size;
+}
+
+h5 {
+	font-size: $h5-font-size;
+}
+
+h6 {
+	font-size: $h6-font-size;
+}
+
+// Paragraph
+p {
+	margin: $leading-margin 0;
+}
+
+// Lists
+ul, ol {
+	margin-top: $leading-margin;
+	margin-bottom: $leading-margin;
+	ul, ol {
+		margin-top: 0;
+		margin-bottom: 0;
+	}
+}
+
+// Blockquote
+blockquote {
+	margin: $leading-margin 0;
+	padding-left: $leading-margin / 2;
+}
+
+cite {
+	display: block;
+	font-size: $core-font-size - 0.125;
+	&:before {
+      content: "\2014 \0020";
+    }
+}
+
+// Inline and Code
+pre {
+	margin: $leading-margin 0;
+ 	padding: $content-padding;
+}
+
+code {
+	vertical-align: bottom;
+}
+
+// Extras
+small {
+	font-size: $core-font-size - 0.125;
+}
+
+hr {
+	border-left: none;
+	border-right: none;
+	border-top: none;
+	margin: $leading-margin 0;
+}

user/themes/antimatter/scss/nucleus/functions/_base.scss

@@ -0,0 +1,2 @@
+@import "direction";
+@import "range";

user/themes/antimatter/scss/nucleus/functions/_direction.scss

@@ -0,0 +1,37 @@
+@function opposite-direction($dir) {
+	@if $dir == 'left' {
+		@return right;
+	}
+	@else if  $dir == 'right' {
+		@return left;
+	}
+	@else if $dir == 'ltr' {
+		@return rtl;
+	}
+	@else if $dir == 'rtl' {
+		@return ltr;
+	}
+	@else if $dir == 'top' {
+		@return bottom;
+	}
+	@else if $dir == 'bottom' {
+		@return top;
+	}
+	@else {
+		@warn "#{$dir} is not a direction! Make sure your direction is all lowercase!";
+		@return false;
+	}
+}
+
+@function named-direction($dir) {
+	@if $dir == 'ltr' {
+		@return left;
+	}
+	@else if $dir == 'rtl' {
+		@return right;
+	}
+	@else {
+		@warn "#{$dir} is not a valid HTML direction! Make sure you are using a valid HTML direction";
+		@return false;
+	}
+}

user/themes/antimatter/scss/nucleus/functions/_range.scss

@@ -0,0 +1,13 @@
+@function lower-bound($range){
+	@if length($range) <= 0 {
+		@return 0;
+	}
+	@return nth($range,1);
+}
+
+@function upper-bound($range) {
+	@if length($range) < 2 {
+		@return 999999999999;
+	}
+	@return nth($range, 2);
+}

user/themes/antimatter/scss/nucleus/mixins/_base.scss

@@ -0,0 +1,2 @@
+@import "breakpoints";
+@import "utilities";

user/themes/antimatter/scss/nucleus/mixins/_breakpoints.scss

@@ -0,0 +1,30 @@
+// Breakpoints
+@mixin breakpoint($breakpoints, $media: all) {
+    @each $breakpoint in $breakpoints {
+        @if $breakpoint == large-desktop-range {
+            @media only #{$media} and (min-width: $large-desktop-container) { @content; }
+        }
+        @else if $breakpoint == desktop-range {
+            @media only #{$media} and (min-width: $desktop-container) and (max-width: $large-desktop-container - 0.062) { @content; }
+        }
+        @else if $breakpoint == tablet-range {
+            @media only #{$media} and (min-width: $tablet-container) and (max-width: $desktop-container - 0.062) { @content; }
+        }
+        @else if $breakpoint == large-mobile-range {
+            @media only #{$media} and (min-width: $large-mobile-container + 0.063) and (max-width: $tablet-container - 0.062) { @content; }
+        }
+        @else if $breakpoint == small-mobile-range {
+            @media only #{$media} and (max-width: $large-mobile-container) { @content; }
+        }
+        @else if $breakpoint == no-mobile {
+            @media only #{$media} and (min-width: $tablet-container) { @content; }
+        }
+        @else if $breakpoint == mobile-only {
+            @media only #{$media} and (max-width: $tablet-container - 0.062) { @content; }
+        }
+        @else if $breakpoint == desktop-only {
+            @media only #{$media} and (max-width: $desktop-container - 0.062) { @content; }
+        }
+    }
+
+}

user/themes/antimatter/scss/nucleus/mixins/_utilities.scss

@@ -0,0 +1,30 @@
+
+
+// List Reset
+%list-reset {
+	margin: 0;
+	padding: 0;
+	list-style: none;
+}
+
+// Vertical Centering
+%vertical-align {
+	position: relative;
+	top: 50%;
+	-webkit-transform: translateY(-50%);
+	-moz-transform: translateY(-50%);
+	-o-transform: translateY(-50%);
+	-ms-transform: translateY(-50%);
+	transform: translateY(-50%);
+}
+
+// Columns
+@mixin columns($columns) {
+	width: percentage(1/$columns);
+}
+
+// Float with margin variable
+@mixin float($direction, $margin: 0) {
+	float: $direction;
+	margin-#{opposite-direction($direction)}: $margin;
+}

user/themes/antimatter/scss/nucleus/particles/_align-text.scss

@@ -0,0 +1,46 @@
+// Alignment Classes
+$align-class-names:
+	large-desktop,
+	desktop,
+	tablet,
+	large-mobile,
+	small-mobile,
+	no-mobile,
+	mobile-only;
+
+// Breakpoints
+$align-class-breakpoints:
+	$large-desktop-range,
+	$desktop-range,
+	$tablet-range,
+	$large-mobile-range,
+	$small-mobile-range,
+	$no-mobile,
+	$mobile-only;
+
+// Create Responsive Alignment Classes
+@mixin align-classes{
+	.text-left {
+		text-align: left !important;
+	}
+	.text-right {
+		text-align: right !important;
+	}
+	.text-center {
+		text-align: center !important;
+	}
+	.text-justify {
+		text-align: justify !important;
+	}
+
+	@for $i from 1 through length($align-class-names) {
+		@media #{(nth($align-class-breakpoints, $i))} {
+			.#{(nth($align-class-names, $i))}-text-left { text-align: left !important; }
+			.#{(nth($align-class-names, $i))}-text-right   { text-align: right !important; }
+			.#{(nth($align-class-names, $i))}-text-center  { text-align: center !important; }
+			.#{(nth($align-class-names, $i))}-text-justify { text-align: justify !important; }
+		}
+	}
+}
+
+@include align-classes;

user/themes/antimatter/scss/particles.scss

@@ -0,0 +1,24 @@
+// REQUIRED DEPENDENCIES - DO NOT CHANGE
+
+// Load Third Party Libraries
+@import "vendor/bourbon/bourbon";
+
+// Load Nucleus Configuration
+@import "configuration/nucleus/base";
+
+// Load Template Configuration
+@import "configuration/template/base";
+
+// Load Nucleus Mixins and Functions
+@import "nucleus/functions/base";
+@import "nucleus/mixins/base";
+
+//-------------------------------------------
+
+// LOAD PARTICLES
+
+// Text Alignment Classes
+@import "nucleus/particles/align-text";
+
+// Show and Hide Based on Screen Size
+@import "nucleus/particles/visibility";

user/themes/antimatter/scss/template.scss

@@ -0,0 +1,67 @@
+// REQUIRED DEPENDENCIES - DO NOT CHANGE
+
+// Load Third Party Libraries
+@import "vendor/bourbon/bourbon";
+
+// Load Nucleus Configuration
+@import "configuration/nucleus/base";
+
+// Load Template Configuration
+@import "configuration/template/base";
+
+// Load Nucleus Mixins and Functions
+@import "nucleus/functions/base";
+@import "nucleus/mixins/base";
+
+// Load Template Library
+@import "template/modules/base";
+
+//-------------------------------------------
+
+// TEMPLATE COMPONENTS
+
+// Core
+@import "template/core";
+@import "template/fonts";
+
+// Extensions
+@import "template/extensions";
+
+// Header
+@import "template/header";
+
+// Footer
+@import "template/footer";
+
+// Typography
+@import "template/typography";
+
+// Forms
+@import "template/forms";
+
+// Tables
+@import "template/tables";
+
+// Buttons
+@import "template/buttons";
+
+// Bullets
+@import "template/bullets";
+
+// Pushy Panel
+@import "template/panel";
+
+// Blog
+@import "template/blog";
+
+// Errors
+@import "template/errors";
+
+// SimpleSearch
+@import "template/simplesearch";
+
+// Custom
+@import "template/custom";
+
+// Modular
+@import "template/modular/all";

user/themes/antimatter/scss/template/_blog.scss

@@ -0,0 +1,171 @@
+.blog-header {
+
+    padding-top: 2rem;
+    padding-bottom: 2rem;
+
+    &.blog-header-image {
+        background-size: cover;
+        background-position: center;
+
+        h1, h2 {
+            color: $header-text;
+        }
+
+    }
+
+    h1 {
+        font-size: 4rem;
+        margin-top: 0;
+        @include breakpoint(tablet-range) {
+            font-size: 3rem;
+        }
+        @include breakpoint(mobile-only) {
+            font-size: 2.5rem;
+            line-height: 1.2;
+            margin-bottom: 2.5rem;
+        }
+    }
+
+    & + .blog-content {
+        padding-top: $padding-vert;
+    }
+}
+
+// List Blog Item
+.list-item {
+
+    border-bottom: 1px solid $border-color;
+    margin-bottom: $padding-vert;
+
+    &:last-child {
+        border-bottom: 0;
+    }
+
+    .list-blog-header {
+        position: relative;
+        h4 {
+
+            margin-bottom: 0.5rem;
+            a {
+                color: $core-text;
+                &:hover {
+                    color: $core-accent;
+                }
+            }
+        }
+
+        img {
+            display: block;
+            margin-top: 1rem;
+            border-radius: $border-radius;
+        }
+    }
+
+    .list-blog-date {
+        float: right;
+        text-align: center;
+        span {
+            display: block;
+            font-size: 1.75rem;
+            font-weight: $font-weight-bold;
+            line-height: 110%;
+        }
+        em {
+            display: block;
+            border-top: 1px solid $border-color;
+            font-style: normal;
+            text-transform: uppercase;
+        }
+    }
+}
+
+// Bigger first para
+.blog-content-item {
+    .list-blog-padding > p:nth-child(2) {
+        font-size: $core-font-size + 0.2rem;
+    }
+}
+
+// Tags
+.tags {
+    a {
+        display: inline-block;
+        font-size: $core-font-size - 0.2rem;
+        border: 1px solid $core-accent;
+        border-radius: $border-radius;
+        padding: 0.1rem 0.4rem;
+        margin-bottom: 0.2rem;
+        text-transform: uppercase;
+    }
+}
+
+// Archives & Related-Pages
+.archives, .related-pages {
+    padding: 0;
+    list-style: none;
+    li {
+        border-bottom: 1px solid $border-color;
+        line-height: $core-font-size + 1rem;
+        &:last-child {
+            border-bottom: 0;
+        }
+    }
+}
+
+.related-pages {
+    li {
+        a {
+            display: block;
+        }
+    }
+    .score {
+        display: block;
+        float: right;
+        color: #999;
+        font-size: 85%
+    }
+}
+
+// Syndicate
+.syndicate {
+    a {
+        margin-bottom: 1rem;
+    }
+}
+
+// Breadcrumbs
+div#breadcrumbs {
+    padding-left: 0;
+    @include breakpoint(mobile-only) {
+        display: none;
+    }
+}
+
+// Sidebar
+#sidebar {
+    padding-left: 3rem;
+    @include breakpoint(mobile-only) {
+        padding-left: 0;
+    }
+    .sidebar-content {
+        h4 {
+            margin-bottom: 1rem;
+        }
+        p, ul {
+            margin-top: 1rem;
+        }
+        margin-bottom: $padding-vert;
+    }
+}
+
+// Pagination
+ul.pagination {
+    margin: 0 0 $padding-vert;
+    text-align: center;
+}
+
+// Prev / Next
+.prev-next {
+    margin-top: 5rem;
+    text-align: center;
+}

user/themes/antimatter/scss/template/_bullets.scss

@@ -0,0 +1,60 @@
+.bullets {
+	margin: $leading-margin 0;
+	margin-left: -$leading-margin / 2;
+	margin-right: -$leading-margin / 2;
+	overflow: auto;
+}
+
+.bullet {
+	float: left;
+	padding: 0 $leading-margin / 2;
+}
+
+.two-column-bullet {
+	@include columns(2);
+	@include breakpoint(mobile-only) {
+		@include columns(1);
+	}
+}
+
+.three-column-bullet {
+	@include columns(3);
+	@include breakpoint(mobile-only) {
+		@include columns(1);
+	}
+}
+
+.four-column-bullet {
+	@include columns(4);
+	@include breakpoint(mobile-only) {
+		@include columns(1);
+	}
+}
+
+.bullet-icon {
+	float: left;
+	background: $bullet-icon-color-1;
+	padding: $bullet-icon-size / 4;
+	width: $bullet-icon-size;
+	height: $bullet-icon-size;
+	border-radius: 50%;
+	color: $white;
+	font-size: $bullet-icon-size / 2;
+	text-align: center;
+}
+
+.bullet-icon-1 {
+	background: $bullet-icon-color-1;
+}
+
+.bullet-icon-2 {
+	background: $bullet-icon-color-2;
+}
+
+.bullet-icon-3 {
+	background: $bullet-icon-color-3;
+}
+
+.bullet-content {
+	margin-left: $bullet-icon-size * 1.3;
+}

user/themes/antimatter/scss/template/_buttons.scss

@@ -0,0 +1,9 @@
+.button {
+	@extend %button;
+	@include button-color($core-accent);
+}
+
+.button-secondary {
+	@extend %button;
+	@include button-color($secondary-link);
+}

user/themes/antimatter/scss/template/_core.scss

@@ -0,0 +1,58 @@
+html, body {
+	height: 100%; // use !important to override slidebars.min.css
+}
+
+body {
+	background: $page-bg;
+	color: $core-text;
+	-webkit-font-smoothing: antialiased;
+  	-moz-osx-font-smoothing: grayscale;
+}
+
+a {
+	color: $core-accent;
+	&:hover {
+		color: darken($core-accent, 20%);
+	}
+}
+
+b, strong {
+	font-weight: $font-weight-bold
+}
+
+// Global Container
+#container {
+ 	min-height: 100%;
+  	position: relative;
+}
+
+// Fullwidth styles
+.fullwidth {
+	#body {
+		padding-left: 0;
+		padding-right: 0;
+	}
+	#header, #breadcrumbs, .blog-header, .blog-content-item, .content-wrapper, ul.pagination, #body > .modular-row {
+		@extend .padding-horiz;
+	}
+}
+
+// Global body styling
+#body {
+	@extend .default-animation;
+	@extend .padding-horiz;
+	
+	background: $page-bg;
+	padding-top: $header-height + $padding-vert;
+	padding-bottom: $footer-height + $padding-vert + 2rem;
+}
+
+// Alignment
+.left {
+  float: left;
+}
+
+.right {
+  float: right;
+}
+

user/themes/antimatter/scss/template/_custom.scss

@@ -0,0 +1,15 @@
+// Your custom SCSS should be written here...
+
+.grav-lightslider {
+    .lSSlideOuter {
+        .lSPager.lSpg {
+            > li a {
+                z-index: 1;
+            }
+        }
+    }
+}
+
+#body > script:first-child + .grav-lightslider {
+  margin-top: -3rem;
+}

user/themes/antimatter/scss/template/_errors.scss

@@ -0,0 +1,17 @@
+// Error specific styling
+#error {
+	text-align: center;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	height: 100%;
+	padding-bottom: 6rem;
+
+	h1 {
+		font-size: $core-font-size + 4.0rem;
+	}
+
+	p {
+		margin: 1rem 0;
+	}
+}

user/themes/antimatter/scss/template/_extensions.scss

@@ -0,0 +1,22 @@
+.default-animation {
+	@include transition(all 0.5s ease);
+}
+
+.padding-horiz {
+	padding-left: $padding-horiz;
+	padding-right: $padding-horiz;
+	@include breakpoint(desktop-only) {
+		padding-left: $padding-horiz - 3rem;
+		padding-right: $padding-horiz - 3rem;
+	}
+
+	@include breakpoint(mobile-only) {
+		padding-left: $padding-horiz - 6rem;
+		padding-right: $padding-horiz - 6rem;
+	}
+}
+
+.padding-vert {
+	padding-top: $padding-vert;
+	padding-bottom: $padding-vert;
+}

user/themes/antimatter/scss/template/_fonts.scss

@@ -0,0 +1,3 @@
+// Import Google Web Fonts
+@import url(//fonts.googleapis.com/css?family=Montserrat:400|Raleway:300,400,600|Inconsolata);
+

user/themes/antimatter/scss/template/_footer.scss

@@ -0,0 +1,42 @@
+// Footer styling
+#footer {
+	position: absolute;
+	background: $footer-bg;
+	height: $footer-height;
+	right: 0;
+	bottom: 0;
+	left: 0;
+	@extend .padding-horiz;
+	color: $footer-text;
+	text-align: center;
+
+	a:hover {
+		color: #fff;
+	}
+
+	.totop {
+		position: absolute;
+		bottom: $footer-height - 1rem;
+		text-align: center;
+		left: 0;
+		right: 0;
+		span {
+			font-size: 1.7rem;
+			line-height: 2.5rem;
+			background: $footer-bg;
+			width: 3rem;
+			height: 2rem;
+			border-radius: $border-radius;
+			display: inline-block;
+			text-align: top;
+		}
+	}
+
+	p {
+		@extend %vertical-align;
+		margin: 0;
+		.fa {
+			color: #fff;
+		}
+	}
+}

user/themes/antimatter/scss/template/_forms.scss

@@ -0,0 +1,43 @@
+fieldset {
+	border: 1px solid $core-border-color;
+}
+
+textarea, #{$all-text-inputs}, select[multiple=multiple] {
+	background-color: white;
+	border: 1px solid $core-border-color;
+	box-shadow: $core-box-shadow;
+
+	&:hover {
+		border-color: $core-border-color-hover;
+	}
+
+	&:focus {
+		border-color: $core-border-color-focus;
+		box-shadow: $core-box-shadow-focus;
+	}
+}
+
+label {
+	@extend strong;
+}
+
+// Forms
+.form-field {
+	.required {
+		color: #F3443F;
+		font-size: $core-font-size + 2rem;
+		line-height: $core-font-size + 2rem;
+		vertical-align: top;
+		height: 1.5rem;
+		display: inline-block;
+	}
+}
+
+form {
+	.buttons {
+		text-align: center;
+	}
+	input {
+		font-weight: 400;
+	}
+}

user/themes/antimatter/scss/template/_header.scss

@@ -0,0 +1,231 @@
+// Header styling
+
+#header {
+	@extend .default-animation;
+	@extend .padding-horiz;
+	position: fixed;
+	z-index: 10;
+	width: 100%;
+	height: $header-height;
+	background-color: rgba(255,255,255,0.90);
+	box-shadow: 0 0.05rem 1rem rgba(0,0,0, 0.15);
+
+	// scroll based changes
+	&.scrolled {
+		height: $header-height - 2rem;
+		background-color: rgba(255,255,255,0.90) !important;
+		box-shadow: 0 0.05rem 1rem rgba(0,0,0, 0.15) !important;
+
+		#logo h3 {
+			color: $core-text !important;
+			font-size: 1.6rem !important;
+		}
+		#logo a, #navbar span {
+			color: $core-text !important;
+		}
+		#navbar a {
+			color: $core-accent !important;
+            &:hover {
+                color: darken($core-accent, 20%) !important;
+            }
+		}
+		#navbar a:before, #navbar a:after {
+			background-color: $core-accent !important;
+		}
+	}
+
+	// set heights for vertical centering
+	> .grid, #logo, #navbar {
+		height: 100%;
+	}
+
+	#logo {
+		float: left;
+		h3 {
+			@extend .default-animation;
+			@extend %vertical-align;
+			font-size: 2rem;
+			line-height: 2rem;
+			margin: 0;
+			text-transform: uppercase;
+			a {
+				color: $core-text;
+			}
+		}
+	}
+
+	#navbar {
+		font-size: $core-font-size - 0.1rem;
+		ul {
+
+			margin: 0;
+			padding: 0;
+			list-style: none;
+
+			&.navigation {
+				@extend %vertical-align;
+				display: inline-block;
+				
+				float: right;
+				li {
+					float: left;
+					position: relative;
+
+					a {
+						font-family: $font-family-header;
+						display: inline-block;
+						padding: 0.3rem 0.8rem;
+
+						&:before, &:after {
+							content: "";
+							position: absolute;
+							width: 100%;
+							height: 1px;
+							bottom: 0;
+							left: 0;
+							background-color: $core-accent;
+							visibility: hidden;
+							@include transform(scaleX(0));
+							@include transition(all 0.2s ease);
+						}
+
+						&:hover:before {
+							visibility: visible;
+							@include transform(scaleX(0.75));
+						}
+
+						&.active:after {
+							top: 0;
+							visibility: visible;
+							@include transform(scaleX(0.75));
+						}
+					}
+
+					&.active {
+						a:after {
+							top: 0;
+							visibility: visible;
+							@include transform(scaleX(0.75));
+						}
+					}
+
+					// Dropdown Menu Styles
+					ul {
+						display: none;
+						padding: 0;
+						box-shadow: 0 0.05rem 1rem rgba(0,0,0, 0.15) !important;
+					}
+
+					ul ul {
+						left: 100%;
+						top: 0;
+					}	
+
+
+					&:hover {
+						& > ul {
+							display: block;
+							position: absolute;
+							background: rgba($white, 0.9);
+							width: 10rem;
+						}
+
+						li {
+							float: none;
+							margin: 0;
+							padding: 0;
+
+							a {
+								padding: 0.5rem 0.8rem;
+								display: block;
+
+								&:before, &:after {
+									display: none;
+								}
+							}
+
+							&.active {
+								& > a {
+									background: $core-accent;
+									color: $white;
+								}
+							}
+						}
+					}
+				}
+				@include breakpoint(desktop-only) {
+					display: none;
+				}
+			}	
+		}
+
+		.panel-activation {
+			@extend %vertical-align;
+            padding: 1rem;
+			display: none;
+			font-size: 1.8rem;
+			cursor: pointer;
+			float: right;
+			@include breakpoint(desktop-only) {
+				display: inline-block;
+			}
+		}
+
+	}
+
+}
+
+// Header Image
+.header-image {
+    &.fullwidth {
+        #body {
+            padding-left: 0;
+            padding-right: 0;
+
+            >.listing-row {
+                padding-left: $padding-horiz;
+                padding-right: $padding-horiz;
+            }
+        }
+    }
+    .listing-row:last-child {
+    	margin-bottom: 2rem;
+    }
+
+    #body {
+        .flush-top {
+            margin-top: - $header-height - $padding-vert - 1.5rem;
+            padding-top: $header-height + 4rem;
+        }
+    }
+
+    #breadcrumbs {
+    	margin-top: 1rem;
+    }
+
+    #header {
+        background-color: rgba($header-text,0);
+        box-shadow: none;
+
+        #logo h3, #logo a {
+            color: $header-text;
+        }
+        a, .menu-btn {
+            color: $header-text;
+        }
+        a:before, a:after {
+        	background-color: rgba($header-text,0.7) !important;
+        }
+
+        #navbar ul.navigation  {
+
+            ul li a {
+
+                color: $core-accent;
+                &:hover {
+                    color: darken($core-accent, 20%);
+                }
+            }
+        }
+    }
+}

user/themes/antimatter/scss/template/_panel.scss

@@ -0,0 +1,74 @@
+$sidebar-color:     #333;
+$panel-padding:     1rem;
+$panel-text:        #ddd;
+
+.sb-slidebar {
+    background-color: $sidebar-color !important;
+}
+
+#panel {
+    padding-top: $panel-padding;
+    color: $panel-text;
+    .navigation {
+        list-style: none;
+        padding: 0;
+
+        li {
+            a {
+                color: $panel-text;
+                display: block;
+                padding: 0.5rem 1rem;
+                font-weight: 600;
+
+                &:hover {
+                    color: lighten($panel-text,20%);
+                    background-color: darken($sidebar-color,5%);
+                }
+
+                &:last-child {
+                    border-bottom: 0;
+                }
+            }
+
+            &.active {
+                & > a {
+                    background: #fff;
+                    color: $core-text;
+                    &:hover {
+                        color: $core-text;
+                    }
+                }
+            }
+            border-bottom: 1px solid lighten($sidebar-color,4%);
+            &:first-child {
+               border-top: 1px solid lighten($sidebar-color,4%);
+            }
+
+            ul {
+                list-style: none;
+                padding: 0;
+
+                li {
+                    border: 0 !important;
+                    a {
+                        color: darken($panel-text, 10%);
+                        padding: 0.2rem 1rem 0.2rem 2rem;
+                        font-size: 0.9rem;
+                    }
+                    li a {
+                        padding-left: 3rem;
+                        li a {
+                            padding-left: 4rem;
+                        }
+                    }
+                    &.active {
+                        & > a {
+                            background: #ccc;
+                        }
+                    }
+                }
+            }
+        }
+    }
+}
+

user/themes/antimatter/scss/template/_simplesearch.scss

@@ -0,0 +1,53 @@
+.simplesearch {
+
+    h1 {
+        margin-bottom: 0;
+    }
+
+    .center {
+        text-align: center;
+    }
+
+
+    input {
+        display: inline-block;
+        max-width: 30rem;
+        font-size: 2rem;
+    }
+
+    .search-image {
+        margin-top: 1rem;
+        img {
+           border-radius: 4px;
+
+           @include breakpoint(mobile-only) {
+                display: none;
+            }
+        }
+    }
+
+    .search-item {
+        @include breakpoint(mobile-only) {
+            margin-left: 0;
+        }
+    }
+
+    .search-details {
+        float: right;
+        margin-top: -2.5rem;
+        font-weight: bold;
+        font-size: 1rem;
+        color: lighten($core-text,20%);
+
+        @include breakpoint(mobile-only) {
+            float: none;
+            margin-top: -0.2rem;
+            margin-bottom: 1rem;
+        }
+    }
+
+    hr {
+        border-bottom: 1px solid #eee;
+    }
+
+}

user/themes/antimatter/scss/template/_tables.scss

@@ -0,0 +1,15 @@
+table {
+	border: 1px solid lighten($core-border-color,5%);
+	table-layout: auto;
+}
+
+th {
+	@extend strong;
+	background: lighten($core-border-color,10%);
+	padding: 0.5rem;
+}
+
+td {
+	padding: 0.5rem;
+	border: 1px solid lighten($core-border-color,5%); 
+}

user/themes/antimatter/scss/template/_typography.scss

@@ -0,0 +1,236 @@
+// Body Base
+html, body, button, input, select, textarea, .pure-g, .pure-g [class *= "pure-u"] {
+	font-family: $font-family-default;
+	font-weight: 400;
+}
+
+// Headings
+h1, h2, h3, h4, h5, h6 {
+	font-family: $font-family-header;
+	font-weight: 400;
+	text-rendering: optimizeLegibility;
+	letter-spacing: -0px;
+}
+
+h1 {
+	font-size: $h1-font-size;
+    @include breakpoint(mobile-only) {
+        font-size: 2.5rem;
+        line-height: 1.2;
+        margin-bottom: 2.5rem;
+    }
+}
+
+h2 {
+	@include breakpoint(tablet-range) {
+		font-size: $h2-font-size - .40;
+	}
+	@include breakpoint(mobile-only) {
+		font-size: $h2-font-size - .50;
+	}
+}
+
+h3 {
+	@include breakpoint(tablet-range) {
+		font-size: $h3-font-size - .40;
+	}
+	@include breakpoint(mobile-only) {
+		font-size: $h3-font-size - .50;
+	}
+}
+
+h4 {
+	@include breakpoint(tablet-range) {
+		font-size: $h4-font-size - .40;
+	}
+	@include breakpoint(mobile-only) {
+		font-size: $h4-font-size - .50;
+	}
+}
+
+h1 {
+	text-align: center;
+	letter-spacing: -3px;
+}
+
+h2 {
+	letter-spacing: -2px;
+}
+
+h3 {
+	letter-spacing: -1px;
+}
+
+h1 + h2 {
+	margin: -2rem 0 2rem 0;
+	font-size: 2rem;
+	@include breakpoint(tablet-range) {
+		font-size: 1.6rem;
+	}
+	@include breakpoint(mobile-only) {
+		font-size: 1.5rem;
+	}
+	line-height: 1;
+	text-align: center;
+	font-family: $font-family-default;
+	font-weight: 300;
+}
+
+h2 + h3 {
+	margin: 0.5rem 0 2rem 0;
+	font-size: 2rem;
+	@include breakpoint(tablet-range) {
+		font-size: 1.6rem;
+	}
+	@include breakpoint(mobile-only) {
+		font-size: 1.5rem;
+	}
+	line-height: 1;
+	text-align: center;
+	font-family: $font-family-default;
+	font-weight: 300;
+}
+
+
+// Blockquote
+blockquote {
+	border-left: 10px solid $rule-color;
+	p {
+		font-size: 1.1rem;
+		color: #999;
+	}
+	cite {
+		display: block;
+		text-align: right;
+		color: #666;
+		font-size: 1.2rem;
+	}
+}
+
+// NOTES!!!!
+blockquote > blockquote > blockquote {
+
+	margin: 0;
+
+	p {
+
+		padding: 15px;
+		display: block;
+		font-size: 1rem;
+		margin-top: 0rem;
+		margin-bottom: 0rem;
+	}
+
+	> p {
+		// Yellow
+		margin-left: -71px;
+		border-left: 10px solid $notes-info-border;
+		background: $notes-info-bg;
+		color: darken($notes-info-border,15%);
+		a {
+			color: darken($notes-info-border,25%);
+			&:hover {
+				color: lighten($notes-info-border,5%);
+			}
+		}
+	}
+
+	> blockquote > p {
+		// Red
+		margin-left: -94px;
+		border-left: 10px solid $notes-warning-border;
+		background: $notes-warning-bg;
+		color: darken($notes-warning-border,15%);
+		a {
+			color: darken($notes-warning-border,25%);
+			&:hover {
+				color: lighten($notes-warning-border,5%);
+			}
+		}
+	}
+
+	> blockquote > blockquote > p {
+		// Blue
+		margin-left: -118px;
+		border-left: 10px solid $notes-note-border;
+		background: $notes-note-bg;
+		color: darken($notes-note-border,15%);
+		a {
+			color: darken($notes-note-border,25%);
+			&:hover {
+				color: lighten($notes-note-border,5%);
+			}
+		}
+	}
+
+	> blockquote > blockquote > blockquote > p {
+		// Green
+		margin-left: -142px;
+		border-left: 10px solid $notes-success-border;
+		background: $notes-success-bg;
+		color: darken($notes-success-border,15%);
+		a {
+			color: darken($notes-success-border,25%);
+			&:hover {
+				color: lighten($notes-success-border,5%);
+			}
+		}
+	}
+
+}
+
+// Inline and Code
+code,
+kbd,
+pre,
+samp {
+	font-family: $font-family-mono;
+}
+
+code {
+	background: $code-bg;
+	color: darken($code-text,10%);
+}
+
+pre {
+	padding: 2rem;
+	background: $pre-bg;
+	border: 1px solid $core-border-color;
+	border-radius: 3px;
+	code {
+		color: $pre-text;
+		background: inherit;
+	}
+}
+
+// Extras
+hr {
+	border-bottom: 4px solid $rule-color;
+}
+
+// Page Title
+.page-title {
+	margin-top: -25px;
+	padding: 25px;
+	float: left;
+	clear: both;
+	background: $core-accent;
+	color: $white;
+}
+
+// Label
+.label {
+    vertical-align: middle;
+    background: $core-accent;
+    border-radius: 100%;
+    color: $white;
+    height: 1rem;
+    min-width: 1rem;
+    line-height: 1rem;
+    display: inline-block;
+    text-align: center;
+    font-size: $core-font-size - 0.3rem;
+    font-family: $font-family-header;
+    margin-right: 0.75rem;
+}
+

user/themes/antimatter/scss/template/modular/_all.scss

@@ -0,0 +1,9 @@
+@import "showcase";
+@import "features";
+@import "text";
+
+.modular {
+    .modular-row:last-child {
+    	margin-bottom: 2rem;
+    }
+}

user/themes/antimatter/scss/template/modular/_features.scss

@@ -0,0 +1,99 @@
+// Modular Showcase styling
+.modular {
+    .features {
+        padding: 6rem 0;
+        text-align: center;
+        @include clearfix;
+
+        h2 {
+            margin: 0;
+            line-height: 100%;
+        }
+
+        p {
+            margin: 1rem 0;
+            font-size: $core-font-size + 0.2rem;
+            @include breakpoint(mobile-only) {
+                font-size: $core-font-size;
+            }
+        }
+
+        .feature-items {
+            margin-top: 2rem;
+            @supports not (flex-wrap: wrap) {
+                overflow: hidden;
+            }
+        }
+
+        .feature {
+            display:block;
+            float: left;
+            width: 25%;
+            vertical-align: top;
+            margin-top: 2rem;
+            margin-bottom: 1rem;
+            @include breakpoint(large-mobile-range) {
+                margin-top: 1rem;
+                width: 50%;
+            }
+            @include breakpoint(small-mobile-range) {
+                margin-top: 1rem;
+                width: 100%;
+            }
+
+            i.fa {
+                font-size: 2rem;
+                color: $core-accent;
+            }
+
+            h4 {
+                margin: 0;
+                font-size: 1.1rem;
+            }
+
+            p {
+                display: inline-block;
+                font-size: $core-font-size;
+                margin: 0.2rem 0 1rem;
+            }
+        }
+
+        &.big {
+
+            text-align: center;
+
+            .feature {
+                width: 50%;
+                @include breakpoint(small-mobile-range) {
+                    margin-top: 1rem;
+                    width: 100%;
+                }
+            }
+
+            i.fa {
+                font-size: 3rem;
+                float: left;
+            }
+
+            .feature-content {
+                padding-right: 2rem;
+
+                &.icon-offset {
+                    margin-left: 5rem;
+                }
+
+                h4 {
+                    font-size: 1.3rem;
+                    text-align: left;
+                }
+
+                p {
+                    padding: 0;
+                    text-align: left;
+                }
+            }
+        }
+
+    }
+
+}

user/themes/antimatter/scss/template/modular/_showcase.scss

@@ -0,0 +1,60 @@
+// Modular Showcase styling
+.modular {
+
+    // special case for header
+    &.header-image {
+
+        #header {
+            background-color: rgba(255,255,255,0);
+            box-shadow: none;
+
+            #logo h3 {
+                color: $header-text;
+            }
+            #navbar a {
+                color: $header-text;
+            }
+        }
+    }
+
+    .showcase {
+
+        padding-top: 4rem;
+        padding-bottom: 4rem;
+        background-color: #666;
+        background-size: cover;
+        background-position: center;
+
+        text-align: center;
+        color: $header-text;
+        h1 {
+            font-size: 4rem;
+            margin-top: 0;
+            @include breakpoint(tablet-range) {
+                font-size: 3rem;
+            }
+            @include breakpoint(mobile-only) {
+                font-size: 2.5rem;
+                line-height: 1.2;
+                margin-bottom: 2.5rem;
+            }
+        }
+
+        .button {
+            @extend .default-animation;
+            color: $header-text;
+            padding: 0.7rem 2rem;
+            margin-top: 2rem;
+            background: rgba(255,255,255,0);
+            border: 1px solid $header-text;
+            border-radius: $border-radius;
+            box-shadow: none;
+            font-size: $core-font-size + 0.3rem;
+
+            &:hover {
+                background: rgba(255,255,255,0.2);
+            }
+        }
+    }
+
+}

user/themes/antimatter/scss/template/modular/_text.scss

@@ -0,0 +1,35 @@
+// variables
+$text-bg:        #f6f6f6;
+$text-padding:   6rem;
+$image-margin:      2rem;
+
+
+// styling
+.callout {
+    background: $text-bg;
+    padding: $text-padding $content-padding;
+    @include breakpoint(desktop-only) {
+        text-align: center;
+    }
+
+    .align-left {
+        float: left;
+        margin-right: $image-margin;
+        @include breakpoint(desktop-only) {
+            float: none;
+            margin-right: 0;
+        }
+    }
+
+    .align-right {
+        float: right;
+        margin-left: $image-margin;
+        @include breakpoint(desktop-only) {
+            float: none;
+            margin-left: 0;
+        }
+    }
+    img {
+        border-radius: $border-radius;
+    }
+}

user/themes/antimatter/scss/template/modules/_base.scss

@@ -0,0 +1,2 @@
+// Buttons
+@import "buttons";

user/themes/antimatter/scss/template/modules/_buttons.scss

@@ -0,0 +1,24 @@
+%button {
+	display: inline-block;
+	padding: 7px 20px;
+
+    &.button-small {
+        padding: 3px 10px;
+        font-size: $core-font-size - 0.1rem;
+    }
+
+}
+
+@mixin button-color($color) {
+	background: $white;
+	color: $color;
+	border: 1px solid $color;
+	border-radius: 3px;
+	&:hover {
+		background: $color;
+		color: $white;
+	}
+	&:active {
+		box-shadow: 0 1px 0 darken($color, 12%);
+	}
+}

user/themes/antimatter/scss/vendor/bourbon/_bourbon-deprecated-upcoming.scss

@@ -0,0 +1,8 @@
+//************************************************************************//
+// These mixins/functions are deprecated
+// They will be removed in the next MAJOR version release
+//************************************************************************//
+@mixin inline-block {
+  display: inline-block;
+  @warn "inline-block mixin is deprecated and will be removed in the next major version release";
+}

user/themes/antimatter/scss/vendor/bourbon/_bourbon.scss

@@ -0,0 +1,77 @@
+// Settings
+@import "settings/prefixer";
+@import "settings/px-to-em";
+
+// Custom Helpers
+@import "helpers/convert-units";
+@import "helpers/gradient-positions-parser";
+@import "helpers/is-num";
+@import "helpers/linear-angle-parser";
+@import "helpers/linear-gradient-parser";
+@import "helpers/linear-positions-parser";
+@import "helpers/linear-side-corner-parser";
+@import "helpers/radial-arg-parser";
+@import "helpers/radial-positions-parser";
+@import "helpers/radial-gradient-parser";
+@import "helpers/render-gradients";
+@import "helpers/shape-size-stripper";
+@import "helpers/str-to-num";
+
+// Custom Functions
+@import "functions/assign";
+@import "functions/color-lightness";
+@import "functions/flex-grid";
+@import "functions/golden-ratio";
+@import "functions/grid-width";
+@import "functions/modular-scale";
+@import "functions/px-to-em";
+@import "functions/px-to-rem";
+@import "functions/strip-units";
+@import "functions/tint-shade";
+@import "functions/transition-property-name";
+@import "functions/unpack";
+
+// CSS3 Mixins
+@import "css3/animation";
+@import "css3/appearance";
+@import "css3/backface-visibility";
+@import "css3/background";
+@import "css3/background-image";
+@import "css3/border-image";
+@import "css3/border-radius";
+@import "css3/box-sizing";
+@import "css3/calc";
+@import "css3/columns";
+@import "css3/filter";
+@import "css3/flex-box";
+@import "css3/font-face";
+@import "css3/hyphens";
+@import "css3/hidpi-media-query";
+@import "css3/image-rendering";
+@import "css3/keyframes";
+@import "css3/linear-gradient";
+@import "css3/perspective";
+@import "css3/radial-gradient";
+@import "css3/transform";
+@import "css3/transition";
+@import "css3/user-select";
+@import "css3/placeholder";
+
+// Addons & other mixins
+@import "addons/button";
+@import "addons/clearfix";
+@import "addons/directional-values";
+@import "addons/ellipsis";
+@import "addons/font-family";
+@import "addons/hide-text";
+@import "addons/html5-input-types";
+@import "addons/position";
+@import "addons/prefixer";
+@import "addons/retina-image";
+@import "addons/size";
+@import "addons/timing-functions";
+@import "addons/triangle";
+@import "addons/word-wrap";
+
+// Soon to be deprecated Mixins
+@import "bourbon-deprecated-upcoming";

user/themes/antimatter/scss/vendor/bourbon/addons/_button.scss

@@ -0,0 +1,374 @@
+@mixin button ($style: simple, $base-color: #4294f0, $text-size: inherit, $padding: 7px 18px) {
+
+  @if type-of($style) == string and type-of($base-color) == color {
+    @include buttonstyle($style, $base-color, $text-size, $padding);
+  }
+
+  @if type-of($style) == string and type-of($base-color) == number {
+    $padding: $text-size;
+    $text-size: $base-color;
+    $base-color: #4294f0;
+
+    @if $padding == inherit {
+      $padding: 7px 18px;
+    }
+
+    @include buttonstyle($style, $base-color, $text-size, $padding);
+  }
+
+  @if type-of($style) == color and type-of($base-color) == color {
+    $base-color: $style;
+    $style: simple;
+    @include buttonstyle($style, $base-color, $text-size, $padding);
+  }
+
+  @if type-of($style) == color and type-of($base-color) == number {
+    $padding: $text-size;
+    $text-size: $base-color;
+    $base-color: $style;
+    $style: simple;
+
+    @if $padding == inherit {
+      $padding: 7px 18px;
+    }
+
+    @include buttonstyle($style, $base-color, $text-size, $padding);
+  }
+
+  @if type-of($style) == number {
+    $padding: $base-color;
+    $text-size: $style;
+    $base-color: #4294f0;
+    $style: simple;
+
+    @if $padding == #4294f0 {
+      $padding: 7px 18px;
+    }
+
+    @include buttonstyle($style, $base-color, $text-size, $padding);
+  }
+
+  &:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+}
+
+
+// Selector Style Button
+//************************************************************************//
+@mixin buttonstyle($type, $b-color, $t-size, $pad) {
+  // Grayscale button
+  @if $type == simple and $b-color == grayscale($b-color) {
+    @include simple($b-color, true, $t-size, $pad);
+  }
+
+  @if $type == shiny and $b-color == grayscale($b-color) {
+    @include shiny($b-color, true, $t-size, $pad);
+  }
+
+  @if $type == pill and $b-color == grayscale($b-color) {
+    @include pill($b-color, true, $t-size, $pad);
+  }
+
+  @if $type == flat and $b-color == grayscale($b-color) {
+    @include flat($b-color, true, $t-size, $pad);
+  }
+
+  // Colored button
+  @if $type == simple {
+    @include simple($b-color, false, $t-size, $pad);
+  }
+
+  @else if $type == shiny {
+    @include shiny($b-color, false, $t-size, $pad);
+  }
+
+  @else if $type == pill {
+    @include pill($b-color, false, $t-size, $pad);
+  }
+
+  @else if $type == flat {
+    @include flat($b-color, false, $t-size, $pad);
+  }
+}
+
+
+// Simple Button
+//************************************************************************//
+@mixin simple($base-color, $grayscale: false, $textsize: inherit, $padding: 7px 18px) {
+  $color:         hsl(0, 0, 100%);
+  $border:        adjust-color($base-color, $saturation:  9%,  $lightness: -14%);
+  $inset-shadow:  adjust-color($base-color, $saturation: -8%,  $lightness:  15%);
+  $stop-gradient: adjust-color($base-color, $saturation:  9%,  $lightness: -11%);
+  $text-shadow:   adjust-color($base-color, $saturation:  15%, $lightness: -18%);
+
+  @if is-light($base-color) {
+    $color:       hsl(0, 0, 20%);
+    $text-shadow: adjust-color($base-color, $saturation: 10%, $lightness: 4%);
+  }
+
+  @if $grayscale == true {
+    $border:        grayscale($border);
+    $inset-shadow:  grayscale($inset-shadow);
+    $stop-gradient: grayscale($stop-gradient);
+    $text-shadow:   grayscale($text-shadow);
+  }
+
+  border: 1px solid $border;
+  border-radius: 3px;
+  box-shadow: inset 0 1px 0 0 $inset-shadow;
+  color: $color;
+  display: inline-block;
+  font-size: $textsize;
+  font-weight: bold;
+  @include linear-gradient ($base-color, $stop-gradient);
+  padding: $padding;
+  text-decoration: none;
+  text-shadow: 0 1px 0 $text-shadow;
+  background-clip: padding-box;
+
+  &:hover:not(:disabled) {
+    $base-color-hover:    adjust-color($base-color, $saturation: -4%, $lightness: -5%);
+    $inset-shadow-hover:  adjust-color($base-color, $saturation: -7%, $lightness:  5%);
+    $stop-gradient-hover: adjust-color($base-color, $saturation:  8%, $lightness: -14%);
+
+    @if $grayscale == true {
+      $base-color-hover:    grayscale($base-color-hover);
+      $inset-shadow-hover:  grayscale($inset-shadow-hover);
+      $stop-gradient-hover: grayscale($stop-gradient-hover);
+    }
+
+    box-shadow: inset 0 1px 0 0 $inset-shadow-hover;
+    cursor: pointer;
+    @include linear-gradient ($base-color-hover, $stop-gradient-hover);
+  }
+
+  &:active:not(:disabled),
+  &:focus:not(:disabled) {
+    $border-active:       adjust-color($base-color, $saturation: 9%, $lightness: -14%);
+    $inset-shadow-active: adjust-color($base-color, $saturation: 7%, $lightness: -17%);
+
+    @if $grayscale == true {
+      $border-active:       grayscale($border-active);
+      $inset-shadow-active: grayscale($inset-shadow-active);
+    }
+
+    border: 1px solid $border-active;
+    box-shadow: inset 0 0 8px 4px $inset-shadow-active, inset 0 0 8px 4px $inset-shadow-active;
+  }
+}
+
+
+// Shiny Button
+//************************************************************************//
+@mixin shiny($base-color, $grayscale: false, $textsize: inherit, $padding: 7px 18px) {
+  $color:         hsl(0, 0, 100%);
+  $border:        adjust-color($base-color, $red: -117, $green: -111, $blue: -81);
+  $border-bottom: adjust-color($base-color, $red: -126, $green: -127, $blue: -122);
+  $fourth-stop:   adjust-color($base-color, $red: -79,  $green: -70,  $blue: -46);
+  $inset-shadow:  adjust-color($base-color, $red:  37,  $green:  29,  $blue:  12);
+  $second-stop:   adjust-color($base-color, $red: -56,  $green: -50,  $blue: -33);
+  $text-shadow:   adjust-color($base-color, $red: -140, $green: -141, $blue: -114);
+  $third-stop:    adjust-color($base-color, $red: -86,  $green: -75,  $blue: -48);
+
+  @if is-light($base-color) {
+    $color:       hsl(0, 0, 20%);
+    $text-shadow: adjust-color($base-color, $saturation: 10%, $lightness: 4%);
+  }
+
+  @if $grayscale == true {
+    $border:        grayscale($border);
+    $border-bottom: grayscale($border-bottom);
+    $fourth-stop:   grayscale($fourth-stop);
+    $inset-shadow:  grayscale($inset-shadow);
+    $second-stop:   grayscale($second-stop);
+    $text-shadow:   grayscale($text-shadow);
+    $third-stop:    grayscale($third-stop);
+  }
+
+  border: 1px solid $border;
+  border-bottom: 1px solid $border-bottom;
+  border-radius: 5px;
+  box-shadow: inset 0 1px 0 0 $inset-shadow;
+  color: $color;
+  display: inline-block;
+  font-size: $textsize;
+  font-weight: bold;
+  @include linear-gradient(top, $base-color 0%, $second-stop 50%, $third-stop 50%, $fourth-stop 100%);
+  padding: $padding;
+  text-align: center;
+  text-decoration: none;
+  text-shadow: 0 -1px 1px $text-shadow;
+
+  &:hover:not(:disabled) {
+    $first-stop-hover:  adjust-color($base-color, $red: -13, $green: -15, $blue: -18);
+    $second-stop-hover: adjust-color($base-color, $red: -66, $green: -62, $blue: -51);
+    $third-stop-hover:  adjust-color($base-color, $red: -93, $green: -85, $blue: -66);
+    $fourth-stop-hover: adjust-color($base-color, $red: -86, $green: -80, $blue: -63);
+
+    @if $grayscale == true {
+      $first-stop-hover:  grayscale($first-stop-hover);
+      $second-stop-hover: grayscale($second-stop-hover);
+      $third-stop-hover:  grayscale($third-stop-hover);
+      $fourth-stop-hover: grayscale($fourth-stop-hover);
+    }
+
+    cursor: pointer;
+    @include linear-gradient(top, $first-stop-hover  0%,
+                                  $second-stop-hover 50%,
+                                  $third-stop-hover  50%,
+                                  $fourth-stop-hover 100%);
+  }
+
+  &:active:not(:disabled),
+  &:focus:not(:disabled) {
+    $inset-shadow-active: adjust-color($base-color, $red: -111, $green: -116, $blue: -122);
+
+    @if $grayscale == true {
+      $inset-shadow-active: grayscale($inset-shadow-active);
+    }
+
+    box-shadow: inset 0 0 20px 0 $inset-shadow-active;
+  }
+}
+
+
+// Pill Button
+//************************************************************************//
+@mixin pill($base-color, $grayscale: false, $textsize: inherit, $padding: 7px 18px) {
+  $color:         hsl(0, 0, 100%);
+  $border-bottom: adjust-color($base-color, $hue:  8, $saturation: -11%, $lightness: -26%);
+  $border-sides:  adjust-color($base-color, $hue:  4, $saturation: -21%, $lightness: -21%);
+  $border-top:    adjust-color($base-color, $hue: -1, $saturation: -30%, $lightness: -15%);
+  $inset-shadow:  adjust-color($base-color, $hue: -1, $saturation: -1%,  $lightness:  7%);
+  $stop-gradient: adjust-color($base-color, $hue:  8, $saturation:  14%, $lightness: -10%);
+  $text-shadow:   adjust-color($base-color, $hue:  5, $saturation: -19%, $lightness: -15%);
+
+  @if is-light($base-color) {
+    $color:       hsl(0, 0, 20%);
+    $text-shadow: adjust-color($base-color, $saturation: 10%, $lightness: 4%);
+  }
+
+  @if $grayscale == true {
+    $border-bottom: grayscale($border-bottom);
+    $border-sides:  grayscale($border-sides);
+    $border-top:    grayscale($border-top);
+    $inset-shadow:  grayscale($inset-shadow);
+    $stop-gradient: grayscale($stop-gradient);
+    $text-shadow:   grayscale($text-shadow);
+  }
+
+  border: 1px solid $border-top;
+  border-color: $border-top $border-sides $border-bottom;
+  border-radius: 16px;
+  box-shadow: inset 0 1px 0 0 $inset-shadow;
+  color: $color;
+  display: inline-block;
+  font-size: $textsize;
+  font-weight: normal;
+  line-height: 1;
+  @include linear-gradient ($base-color, $stop-gradient);
+  padding: $padding;
+  text-align: center;
+  text-decoration: none;
+  text-shadow: 0 -1px 1px $text-shadow;
+  background-clip: padding-box;
+
+  &:hover:not(:disabled) {
+    $base-color-hover:    adjust-color($base-color,                                $lightness: -4.5%);
+    $border-bottom:       adjust-color($base-color, $hue:  8, $saturation:  13.5%, $lightness: -32%);
+    $border-sides:        adjust-color($base-color, $hue:  4, $saturation: -2%,    $lightness: -27%);
+    $border-top:          adjust-color($base-color, $hue: -1, $saturation: -17%,   $lightness: -21%);
+    $inset-shadow-hover:  adjust-color($base-color,           $saturation: -1%,    $lightness:  3%);
+    $stop-gradient-hover: adjust-color($base-color, $hue:  8, $saturation: -4%,    $lightness: -15.5%);
+    $text-shadow-hover:   adjust-color($base-color, $hue:  5, $saturation: -5%,    $lightness: -22%);
+
+    @if $grayscale == true {
+      $base-color-hover:    grayscale($base-color-hover);
+      $border-bottom:       grayscale($border-bottom);
+      $border-sides:        grayscale($border-sides);
+      $border-top:          grayscale($border-top);
+      $inset-shadow-hover:  grayscale($inset-shadow-hover);
+      $stop-gradient-hover: grayscale($stop-gradient-hover);
+      $text-shadow-hover:   grayscale($text-shadow-hover);
+    }
+
+    border: 1px solid $border-top;
+    border-color: $border-top $border-sides $border-bottom;
+    box-shadow: inset 0 1px 0 0 $inset-shadow-hover;
+    cursor: pointer;
+    @include linear-gradient ($base-color-hover, $stop-gradient-hover);
+    text-shadow: 0 -1px 1px $text-shadow-hover;
+    background-clip: padding-box;
+  }
+
+  &:active:not(:disabled),
+  &:focus:not(:disabled) {
+    $active-color:         adjust-color($base-color, $hue: 4,  $saturation: -12%,  $lightness: -10%);
+    $border-active:        adjust-color($base-color, $hue: 6,  $saturation: -2.5%, $lightness: -30%);
+    $border-bottom-active: adjust-color($base-color, $hue: 11, $saturation:  6%,   $lightness: -31%);
+    $inset-shadow-active:  adjust-color($base-color, $hue: 9,  $saturation:  2%,   $lightness: -21.5%);
+    $text-shadow-active:   adjust-color($base-color, $hue: 5,  $saturation: -12%,  $lightness: -21.5%);
+
+    @if $grayscale == true {
+      $active-color:         grayscale($active-color);
+      $border-active:        grayscale($border-active);
+      $border-bottom-active: grayscale($border-bottom-active);
+      $inset-shadow-active:  grayscale($inset-shadow-active);
+      $text-shadow-active:   grayscale($text-shadow-active);
+    }
+
+    background: $active-color;
+    border: 1px solid $border-active;
+    border-bottom: 1px solid $border-bottom-active;
+    box-shadow: inset 0 0 6px 3px $inset-shadow-active;
+    text-shadow: 0 -1px 1px $text-shadow-active;
+  }
+}
+
+
+
+// Flat Button
+//************************************************************************//
+@mixin flat($base-color, $grayscale: false, $textsize: inherit, $padding: 7px 18px) {
+  $color:         hsl(0, 0, 100%);
+
+  @if is-light($base-color) {
+    $color:       hsl(0, 0, 20%);
+  }
+
+  background-color: $base-color;
+  border-radius: 3px;
+  border: none;
+  color: $color;
+  display: inline-block;
+  font-size: inherit;
+  font-weight: bold;
+  padding: 7px 18px;
+  text-decoration: none;
+  background-clip: padding-box;
+
+  &:hover:not(:disabled){
+    $base-color-hover:    adjust-color($base-color, $saturation: 4%, $lightness: 5%);
+
+    @if $grayscale == true {
+      $base-color-hover: grayscale($base-color-hover);
+    }
+
+    background-color: $base-color-hover;
+    cursor: pointer;
+  }
+
+  &:active:not(:disabled),
+  &:focus:not(:disabled) {
+    $base-color-active: adjust-color($base-color, $saturation: -4%, $lightness: -5%);
+
+    @if $grayscale == true {
+      $base-color-active: grayscale($base-color-active);
+    }
+
+    background-color: $base-color-active;
+    cursor: pointer;
+  }
+}

user/themes/antimatter/scss/vendor/bourbon/addons/_clearfix.scss

@@ -0,0 +1,23 @@
+// Modern micro clearfix provides an easy way to contain floats without adding additional markup.
+//
+// Example usage:
+//
+//    // Contain all floats within .wrapper
+//    .wrapper {
+//      @include clearfix;
+//      .content,
+//      .sidebar {
+//        float : left;
+//      }
+//    }
+
+@mixin clearfix {
+  &:after {
+    content:"";
+    display:table;
+    clear:both;
+  }
+}
+
+// Acknowledgements
+// Beat *that* clearfix: [Thierry Koblentz](http://www.css-101.org/articles/clearfix/latest-new-clearfix-so-far.php)

user/themes/antimatter/scss/vendor/bourbon/addons/_directional-values.scss

@@ -0,0 +1,111 @@
+// directional-property mixins are shorthands
+// for writing properties like the following
+//
+// @include margin(null 0 10px);
+// ------
+// margin-right: 0;
+// margin-bottom: 10px;
+// margin-left: 0;
+//
+// - or -
+//
+// @include border-style(dotted null);
+// ------
+// border-top-style: dotted;
+// border-bottom-style: dotted;
+//
+// ------
+//
+// Note: You can also use false instead of null
+
+@function collapse-directionals($vals) {
+  $output: null;
+
+  $A: nth( $vals, 1 );
+  $B: if( length($vals) < 2, $A, nth($vals, 2));
+  $C: if( length($vals) < 3, $A, nth($vals, 3));
+  $D: if( length($vals) < 2, $A, nth($vals, if( length($vals) < 4, 2, 4) ));
+
+  @if $A == 0 { $A: 0 }
+  @if $B == 0 { $B: 0 }
+  @if $C == 0 { $C: 0 }
+  @if $D == 0 { $D: 0 }
+
+  @if $A == $B and $A == $C and $A == $D { $output: $A          }
+  @else if $A == $C and $B == $D         { $output: $A $B       }
+  @else if $B == $D                      { $output: $A $B $C    }
+  @else                                  { $output: $A $B $C $D }
+
+  @return $output;
+}
+
+@function contains-falsy($list) {
+  @each $item in $list {
+    @if not $item {
+      @return true;
+    }
+  }
+
+  @return false;
+}
+
+@mixin directional-property($pre, $suf, $vals) {
+  // Property Names
+  $top:    $pre + "-top"    + if($suf, "-#{$suf}", "");
+  $bottom: $pre + "-bottom" + if($suf, "-#{$suf}", "");
+  $left:   $pre + "-left"   + if($suf, "-#{$suf}", "");
+  $right:  $pre + "-right"  + if($suf, "-#{$suf}", "");
+  $all:    $pre +             if($suf, "-#{$suf}", "");
+
+  $vals: collapse-directionals($vals);
+
+  @if contains-falsy($vals) {
+    @if nth($vals, 1) { #{$top}: nth($vals, 1); }
+
+    @if length($vals) == 1 {
+      @if nth($vals, 1) { #{$right}: nth($vals, 1); }
+    } @else {
+      @if nth($vals, 2) { #{$right}: nth($vals, 2); }
+    }
+
+    // prop: top/bottom right/left
+    @if length($vals) == 2 {
+      @if nth($vals, 1) { #{$bottom}: nth($vals, 1); }
+      @if nth($vals, 2) { #{$left}:   nth($vals, 2); }
+
+    // prop: top right/left bottom
+    } @else if length($vals) == 3 {
+      @if nth($vals, 3) { #{$bottom}: nth($vals, 3); }
+      @if nth($vals, 2) { #{$left}:   nth($vals, 2); }
+
+    // prop: top right bottom left
+    } @else if length($vals) == 4 {
+      @if nth($vals, 3) { #{$bottom}: nth($vals, 3); }
+      @if nth($vals, 4) { #{$left}:   nth($vals, 4); }
+    }
+
+  // prop: top/right/bottom/left
+  } @else {
+    #{$all}: $vals;
+  }
+}
+
+@mixin margin($vals...) {
+  @include directional-property(margin, false, $vals...);
+}
+
+@mixin padding($vals...) {
+  @include directional-property(padding, false, $vals...);
+}
+
+@mixin border-style($vals...) {
+  @include directional-property(border, style, $vals...);
+}
+
+@mixin border-color($vals...) {
+  @include directional-property(border, color, $vals...);
+}
+
+@mixin border-width($vals...) {
+  @include directional-property(border, width, $vals...);
+}

user/themes/antimatter/scss/vendor/bourbon/addons/_ellipsis.scss

@@ -0,0 +1,7 @@
+@mixin ellipsis($width: 100%) {
+  display: inline-block;
+  max-width: $width;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}

user/themes/antimatter/scss/vendor/bourbon/addons/_font-family.scss

@@ -0,0 +1,5 @@
+$georgia: Georgia, Cambria, "Times New Roman", Times, serif;
+$helvetica: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
+$lucida-grande: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
+$monospace: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;
+$verdana: Verdana, Geneva, sans-serif;

user/themes/antimatter/scss/vendor/bourbon/addons/_hide-text.scss

@@ -0,0 +1,10 @@
+@mixin hide-text {
+  overflow: hidden;
+
+  &:before {
+    content: "";
+    display: block;
+    width: 0;
+    height: 100%;
+  }
+}

user/themes/antimatter/scss/vendor/bourbon/addons/_html5-input-types.scss

@@ -0,0 +1,86 @@
+//************************************************************************//
+// Generate a variable ($all-text-inputs) with a list of all html5
+// input types that have a text-based input, excluding textarea.
+// http://diveintohtml5.org/forms.html
+//************************************************************************//
+$inputs-list: 'input[type="email"]',
+              'input[type="number"]',
+              'input[type="password"]',
+              'input[type="search"]',
+              'input[type="tel"]',
+              'input[type="text"]',
+              'input[type="url"]',
+
+              // Webkit & Gecko may change the display of these in the future
+              'input[type="color"]',
+              'input[type="date"]',
+              'input[type="datetime"]',
+              'input[type="datetime-local"]',
+              'input[type="month"]',
+              'input[type="time"]',
+              'input[type="week"]';
+
+// Bare inputs
+//************************************************************************//
+$all-text-inputs: assign-inputs($inputs-list);
+
+// Hover Pseudo-class
+//************************************************************************//
+$all-text-inputs-hover: assign-inputs($inputs-list, hover);
+
+// Focus Pseudo-class
+//************************************************************************//
+$all-text-inputs-focus: assign-inputs($inputs-list, focus);
+
+
+
+// You must use interpolation on the variable:
+// #{$all-text-inputs}
+// #{$all-text-inputs-hover}
+// #{$all-text-inputs-focus}
+
+// Example
+//************************************************************************//
+//   #{$all-text-inputs}, textarea {
+//     border: 1px solid red;
+//   }
+
+
+
+//************************************************************************//
+// Generate a variable ($all-button-inputs) with a list of all html5
+// input types that have a button-based input, excluding button.
+//************************************************************************//
+$inputs-button-list: 'input[type="button"]',
+                     'input[type="reset"]',
+                     'input[type="submit"]';
+
+// Bare inputs
+//************************************************************************//
+$all-button-inputs: assign-inputs($inputs-button-list);
+
+// Hover Pseudo-class
+//************************************************************************//
+$all-button-inputs-hover: assign-inputs($inputs-button-list, hover);
+
+// Focus Pseudo-class
+//************************************************************************//
+$all-button-inputs-focus: assign-inputs($inputs-button-list, focus);
+
+// Active Pseudo-class
+//************************************************************************//
+$all-button-inputs-active: assign-inputs($inputs-button-list, active);
+
+
+
+// You must use interpolation on the variable:
+// #{$all-button-inputs}
+// #{$all-button-inputs-hover}
+// #{$all-button-inputs-focus}
+// #{$all-button-inputs-active}
+
+// Example
+//************************************************************************//
+//   #{$all-button-inputs}, button {
+//     border: 1px solid red;
+//   }