changeset 3:e11175134f4e

Attempt to introduce editable version of theme
author Chris Cannam
date Tue, 05 Dec 2017 11:25:38 +0000
parents 92f882872392
children 8948ab6c87d2
files sites/default/files/color/bartik-556b92b1/colors.css sites/default/files/color/bartik-556b92b1/logo.svg sites/isophonics.net themes/isobartik/color/color.inc themes/isobartik/color/preview.css themes/isobartik/color/preview.es6.js themes/isobartik/color/preview.html themes/isobartik/color/preview.js themes/isobartik/config/schema/isobartik.schema.yml themes/isobartik/css/base/elements.css themes/isobartik/css/colors.css themes/isobartik/css/components/block.css themes/isobartik/css/components/book.css themes/isobartik/css/components/breadcrumb.css themes/isobartik/css/components/buttons.css themes/isobartik/css/components/captions.css themes/isobartik/css/components/comments.css themes/isobartik/css/components/contextual.css themes/isobartik/css/components/demo-block.css themes/isobartik/css/components/dropbutton.component.css themes/isobartik/css/components/featured-bottom.css themes/isobartik/css/components/featured-top.css themes/isobartik/css/components/feed-icon.css themes/isobartik/css/components/field.css themes/isobartik/css/components/form.css themes/isobartik/css/components/forum.css themes/isobartik/css/components/header.css themes/isobartik/css/components/help.css themes/isobartik/css/components/highlighted.css themes/isobartik/css/components/image-button.css themes/isobartik/css/components/item-list.css themes/isobartik/css/components/list-group.css themes/isobartik/css/components/list.css themes/isobartik/css/components/main-content.css themes/isobartik/css/components/menu.css themes/isobartik/css/components/messages.css themes/isobartik/css/components/node-preview.css themes/isobartik/css/components/node.css themes/isobartik/css/components/page-title.css themes/isobartik/css/components/pager.css themes/isobartik/css/components/panel.css themes/isobartik/css/components/password-suggestions.css themes/isobartik/css/components/primary-menu.css themes/isobartik/css/components/search-form.css themes/isobartik/css/components/search-results.css themes/isobartik/css/components/secondary-menu.css themes/isobartik/css/components/shortcut.css themes/isobartik/css/components/sidebar.css themes/isobartik/css/components/site-branding.css themes/isobartik/css/components/site-footer.css themes/isobartik/css/components/skip-link.css themes/isobartik/css/components/table.css themes/isobartik/css/components/tablesort-indicator.css themes/isobartik/css/components/tabs.css themes/isobartik/css/components/text-formatted.css themes/isobartik/css/components/toolbar.css themes/isobartik/css/components/ui-dialog.css themes/isobartik/css/components/ui.widget.css themes/isobartik/css/components/vertical-tabs.component.css themes/isobartik/css/components/views.css themes/isobartik/css/layout.css themes/isobartik/css/maintenance-page.css themes/isobartik/css/print.css themes/isobartik/images/add.png themes/isobartik/images/required.svg themes/isobartik/images/tabs-border.png themes/isobartik/isobartik.breakpoints.yml themes/isobartik/isobartik.info.yml themes/isobartik/isobartik.libraries.yml themes/isobartik/isobartik.theme themes/isobartik/logo.svg themes/isobartik/screenshot.png themes/isobartik/templates/block--search-form-block.html.twig themes/isobartik/templates/block--system-branding-block.html.twig themes/isobartik/templates/block--system-menu-block.html.twig themes/isobartik/templates/block.html.twig themes/isobartik/templates/comment.html.twig themes/isobartik/templates/field--node--field-tags.html.twig themes/isobartik/templates/form--search-block-form.html.twig themes/isobartik/templates/maintenance-page.html.twig themes/isobartik/templates/node.html.twig themes/isobartik/templates/page-title.html.twig themes/isobartik/templates/page.html.twig themes/isobartik/templates/region--header.html.twig themes/isobartik/templates/status-messages.html.twig
diffstat 85 files changed, 4343 insertions(+), 0 deletions(-) [+]
line wrap: on
line diff
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/sites/default/files/color/bartik-556b92b1/colors.css	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,70 @@
+/* ---------- Color Module Styles ----------- */
+
+body {
+  color: #000000;
+  background: #1f1d1c;
+}
+#page,
+#main-wrapper,
+.region-primary-menu .menu-item a.is-active,
+.region-primary-menu .menu-item--active-trail a {
+  background: #ffffff;
+}
+.tabs ul.primary li a.is-active {
+  background-color: #ffffff;
+}
+.tabs ul.primary li.is-active a {
+  background-color: #ffffff;
+  border-bottom-color: #ffffff;
+}
+#header {
+  background-color: #000000;
+  background-image: -webkit-linear-gradient(top, #000000 0%, #000000 100%);
+  background-image: linear-gradient(to bottom, #000000 0%, #000000 100%);
+}
+a,
+.link {
+  color: #990000;
+}
+a:hover,
+a:focus,
+.link:hover,
+.link:focus {
+  color: #c80404;
+}
+a:active,
+.link:active {
+  color: #f11f1f;
+}
+.sidebar .block {
+  background-color: #f1f4f0;
+  border-color: #ededed;
+}
+.site-footer {
+  background: #1f1d1c;
+}
+.region-header,
+.region-header a,
+.region-header li a.is-active,
+.site-branding__text,
+.site-branding,
+.site-branding__text a,
+.site-branding a,
+.region-secondary-menu .menu-item a,
+.region-secondary-menu .menu-item a.is-active {
+  color: #fffeff;
+}
+
+/* ---------- Color Form ----------- */
+
+[dir="rtl"] .color-form .color-palette {
+  margin-left: 0;
+  margin-right: 20px;
+}
+[dir="rtl"] .color-form .form-item label {
+  float: right;
+}
+[dir="rtl"] .color-form .color-palette .lock {
+  right: -20px;
+  left: 0;
+}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/sites/default/files/color/bartik-556b92b1/logo.svg	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="57" height="66" viewBox="471.5 467 57 66" enable-background="new 471.5 467 57 66"><path opacity=".2" fill="#303030" d="M528.5 504.965c0 16.634-13.123 27.615-28.24 27.615-10.29 0-19.894-5.523-24.978-14.167l.605-.027c1.313 1.192 3.39 2.58 7.404 2.515 4.77-.064 5.645-.875 9.855-2.756 22.716-10.17 26.925-19.457 27.736-21.59s2.013-5.587.756-9.415c-.242-.737-.42-1.333-.54-1.808-3.018-3.372-6.017-5.225-6.92-5.784-.14-.093-.29-.177-.43-.26l.44.26c2.01 1.247 14.314 8.782 14.314 25.417z"/><path fill="#fff" d="M509.09 518.507c1.006 0 2.077.065 2.83.568.756.503 1.193 1.63 1.445 2.263.25.634 0 1.006-.503 1.258-.438.25-.503.12-.94-.69-.44-.81-.82-1.63-3.01-1.63s-2.887.755-3.948 1.63c-1.062.876-1.443 1.193-1.825.69s-.253-1.006.437-1.63 1.825-1.63 2.888-2.077c1.06-.45 1.62-.383 2.625-.383zm-10.413 7.152c1.257 1.005 3.14 1.825 7.153 1.825 4.015 0 6.836-1.137 8.094-2.077.568-.438.82-.065.875.187.056.25.186.624-.252 1.07-.316.317-3.194 2.33-6.594 2.636-3.4.31-7.964.504-10.73-2.01-.438-.44-.316-1.07 0-1.323.317-.25.568-.438.94-.438.374.008.317.008.513.13z"/><path opacity=".2" fill="#aaa" d="M520.89 496.545c-.81 2.133-5.02 11.42-27.735 21.59-4.21 1.88-5.085 2.69-9.854 2.756-4.013.066-6.09-1.32-7.403-2.514l-.605.028h-.01c-2.393-4.042-3.78-8.783-3.78-13.952 0-7.852 2.97-13.654 6.287-17.687.11-.13.213-.26.325-.382 2.683-3.148 5.55-5.17 7.218-6.203.038-.028.075-.047.112-.065.42-.25.754-.447.987-.568 2.757-1.51 4.77-2.263 7.963-4.77.12-.092.242-.186.354-.288l.008-.01c.875-.754 1.64-1.76 2.18-3.4v-.008c.325-.97.567-2.16.716-3.65l.02.018c2.253 2.69 4.954 5.886 6.89 7.144.69.447 1.38.848 2.068 1.202l.3.15c2.243 1.126 4.507 1.945 6.807 3.333l.428.26c.903.56 3.902 2.412 6.92 5.784.12.475.298 1.07.54 1.807 1.274 3.837.073 7.292-.737 9.425z"/><path opacity=".5" fill="#333" d="M514.176 479.538c-3.26-2.077-6.464-2.887-9.603-4.955-1.938-1.267-4.64-4.47-6.893-7.162-.438 4.332-1.686 6.148-3.26 7.35-3.195 2.515-5.207 3.26-7.963 4.77-2.338 1.256-14.958 8.726-14.958 24.913 0 5.17 1.387 9.91 3.77 13.96 5.077 8.635 14.68 14.158 24.97 14.158 15.126 0 28.24-10.98 28.24-27.614 0-9.127-3.707-15.526-7.386-19.633-3.016-3.382-6.015-5.217-6.918-5.785zm7.627 7.34c4.117 5.15 6.213 11.23 6.213 18.077 0 3.968-.755 7.712-2.245 11.148-1.414 3.25-3.444 6.13-6.053 8.56-5.15 4.806-12.062 7.45-19.475 7.45-3.67 0-7.265-.698-10.692-2.086-3.372-1.36-6.398-3.297-9.016-5.774-5.532-5.225-8.57-12.257-8.57-19.8 0-6.716 2.18-12.695 6.483-17.753 3.288-3.865 6.836-6.007 8.196-6.743.67-.363 1.285-.69 1.89-.997 1.892-.97 3.68-1.89 6.14-3.818 1.312-.997 2.71-2.58 3.305-6.585 2.077 2.468 4.48 5.234 6.314 6.426 1.63 1.08 3.307 1.835 4.918 2.562 1.527.69 3.11 1.406 4.676 2.403l.056.037c4.62 2.84 7.06 5.896 7.86 6.892z"/><path opacity=".5" fill="#fff" d="M497.98 468.678c.874 2.58.753 3.893.753 4.452 0 .56-.307 2.077-1.313 2.832-.438.317-.568.568-.568.624 0 .25.568.438.568 1.006 0 .69-.317 2.077-3.642 5.393-3.325 3.316-8.103 6.278-11.8 8.103-3.698 1.826-5.468 1.686-5.97.81s.185-2.83 2.514-5.392l9.667-6.278 9.164-6.398.503-2.44"/><path fill="#fff" d="M497.98 468.613c-.57 4.145-1.826 5.393-3.512 6.715-2.83 2.133-5.588 3.446-6.212 3.763-1.63.82-7.535 4.08-10.608 8.784-.94 1.444 0 2.012.186 2.133.187.12 2.33.372 6.9-2.385 4.574-2.757 6.595-4.387 9.175-7.078 1.377-1.444 1.573-2.263 1.573-2.636 0-.438-.316-.624-.82-.754-.25-.065-.316-.187 0-.373.317-.186 1.622-.82 1.938-1.07.318-.25 1.827-1.257 1.882-2.887.065-1.63-.056-2.766-.503-4.21zm-14.112 45.628c.065-4.898 4.648-9.472 10.422-9.536 7.348-.065 12.424 7.283 16.13 7.208 3.14-.064 9.166-6.212 12.118-6.212 3.14 0 4.014 3.26 4.014 5.206 0 1.938-.623 5.458-2.133 7.656-1.51 2.198-2.44 3.008-4.2 2.888-2.264-.187-6.78-7.21-9.67-7.35-3.64-.12-11.547 7.6-17.75 7.6-3.763 0-4.9-.567-6.147-1.378-1.92-1.312-2.85-3.315-2.785-6.08z"/></svg>
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/sites/isophonics.net	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,1 @@
+default
\ No newline at end of file
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/color/color.inc	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,130 @@
+<?php
+
+/**
+ * @file
+ * Lists available colors and color schemes for the Bartik theme.
+ */
+
+$info = [
+  // Available colors and color labels used in theme.
+  'fields' => [
+    'top' => t('Header background top'),
+    'bottom' => t('Header background bottom'),
+    'bg' => t('Main background'),
+    'sidebar' => t('Sidebar background'),
+    'sidebarborders' => t('Sidebar borders'),
+    'footer' => t('Footer background'),
+    'titleslogan' => t('Title and slogan'),
+    'text' => t('Text color'),
+    'link' => t('Link color'),
+  ],
+  // Pre-defined color schemes.
+  'schemes' => [
+    'default' => [
+      'title' => t('Blue Lagoon (default)'),
+      'colors' => [
+        'top' => '#055a8e',
+        'bottom' => '#1d84c3',
+        'bg' => '#ffffff',
+        'sidebar' => '#f6f6f2',
+        'sidebarborders' => '#f9f9f9',
+        'footer' => '#292929',
+        'titleslogan' => '#fffeff',
+        'text' => '#3b3b3b',
+        'link' => '#0071B3',
+      ],
+    ],
+    'firehouse' => [
+      'title' => t('Firehouse'),
+      'colors' => [
+        'top' => '#cd2d2d',
+        'bottom' => '#d64e4e',
+        'bg' => '#ffffff',
+        'sidebar' => '#f1f4f0',
+        'sidebarborders' => '#ededed',
+        'footer' => '#1f1d1c',
+        'titleslogan' => '#fffeff',
+        'text' => '#888888',
+        'link' => '#d6121f',
+      ],
+    ],
+    'ice' => [
+      'title' => t('Ice'),
+      'colors' => [
+        'top' => '#d0d0d0',
+        'bottom' => '#c2c4c5',
+        'bg' => '#ffffff',
+        'sidebar' => '#ffffff',
+        'sidebarborders' => '#cccccc',
+        'footer' => '#016b83',
+        'titleslogan' => '#000000',
+        'text' => '#4a4a4a',
+        'link' => '#019dbf',
+      ],
+    ],
+    'plum' => [
+      'title' => t('Plum'),
+      'colors' => [
+        'top' => '#4c1c58',
+        'bottom' => '#593662',
+        'bg' => '#fffdf7',
+        'sidebar' => '#edede7',
+        'sidebarborders' => '#e7e7e7',
+        'footer' => '#2c2c28',
+        'titleslogan' => '#ffffff',
+        'text' => '#301313',
+        'link' => '#9d408d',
+      ],
+    ],
+    'slate' => [
+      'title' => t('Slate'),
+      'colors' => [
+        'top' => '#4a4a4a',
+        'bottom' => '#4e4e4e',
+        'bg' => '#ffffff',
+        'sidebar' => '#ffffff',
+        'sidebarborders' => '#d0d0d0',
+        'footer' => '#161617',
+        'titleslogan' => '#ffffff',
+        'text' => '#3b3b3b',
+        'link' => '#0073b6',
+      ],
+    ],
+  ],
+
+  // CSS files (excluding @import) to rewrite with new color scheme.
+  'css' => [
+    'css/colors.css',
+  ],
+
+  // Files to copy.
+  'copy' => [
+    'logo.svg',
+  ],
+
+  // Gradient definitions.
+  'gradients' => [
+    [
+      // (x, y, width, height).
+      'dimension' => [0, 0, 0, 0],
+      // Direction of gradient ('vertical' or 'horizontal').
+      'direction' => 'vertical',
+      // Keys of colors to use for the gradient.
+      'colors' => ['top', 'bottom'],
+    ],
+  ],
+
+  // Preview files.
+  'preview_library' => 'isobartik/color.preview',
+  'preview_html' => 'color/preview.html',
+
+  // Attachments.
+  '#attached' => [
+    'drupalSettings' => [
+      'color' => [
+        // Put the logo path into JavaScript for the live preview.
+        'logo' => theme_get_setting('logo.url', 'isobartik'),
+      ],
+    ],
+  ],
+];
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/color/preview.css	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,208 @@
+/* ---------- Preview Styles ----------- */
+.js .color-preview {
+  clear: both;
+  float: none !important;
+}
+.color-preview {
+  background-color: #fff;
+  font-family: Georgia, "Times New Roman", Times, serif;
+  font-size: 14px;
+  line-height: 1.5;
+  overflow: hidden;
+  word-wrap: break-word;
+  margin-bottom: 10px;
+}
+.color-preview-header {
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  position: relative;
+}
+.color-preview-logo {
+  float: left;
+  padding: 15px;
+}
+.color-preview-site-name {
+  color: #686868;
+  font-weight: normal;
+  font-size: 1.821em;
+  line-height: 1;
+  margin-bottom: 30px;
+  margin-left: 15px; /* LTR */
+  padding-top: 34px;
+}
+[dir="rtl"] .color-preview-site-name {
+  margin-left: 0;
+  margin-right: 15px;
+}
+.color-preview-main-menu {
+  clear: both;
+  padding: 0 15px 3px;
+}
+.color-preview-main-menu-links a {
+  color: #d9d9d9;
+  padding: 0.6em 1em 0.4em;
+}
+.color-preview-main-menu-links {
+  font-size: 0.929em;
+  margin: 0;
+  padding: 0;
+}
+.color-preview-main-menu-links a {
+  color: #333;
+  background: #ccc;
+  background: rgba(255, 255, 255, 0.7);
+  text-shadow: 0 1px #eee;
+  border-top-left-radius: 8px;
+  border-top-right-radius: 8px;
+}
+.color-preview-main-menu-links a:hover,
+.color-preview-main-menu-links a:focus {
+  background: #eee;
+  background: rgba(255, 255, 255, 0.95);
+  text-decoration: none;
+  cursor: pointer;
+}
+.color-preview-main-menu-links li a.is-active {
+  background: #fff;
+  border-bottom: none;
+}
+.color-preview-main-menu-links li {
+  display: inline;
+  list-style-type: none;
+  padding: 0.6em 0 0.4em;
+}
+.color-preview-sidebar,
+.color-preview-content {
+  display: inline;
+  float: left; /* LTR */
+  position: relative;
+}
+[dir="rtl"] .color-preview-sidebar,
+[dir="rtl"] .color-preview-content {
+  float: right;
+}
+.color-preview-sidebar {
+  margin-left: 15px; /* LTR */
+  width: 210px;
+}
+[dir="rtl"] .color-preview-sidebar {
+  margin-left: 0;
+  margin-right: 15px;
+}
+.color-preview-content {
+  margin-left: 30px; /* LTR */
+  width: 26.5em;
+}
+[dir="rtl"] .color-preview-content {
+  margin-left: 0;
+  margin-right: 30px;
+}
+.color-preview-sidebar .preview-block {
+  border: 1px solid;
+  margin: 20px 0;
+  padding: 15px 20px;
+}
+.color-preview-sidebar h2 {
+  border-bottom: 1px solid #d6d6d6;
+  font-weight: normal;
+  margin-top: 0;
+  margin-right: 0;
+  margin-left: 0;
+  padding-bottom: 5px;
+  text-shadow: 0 1px 0 #fff;
+}
+.color-preview .preview-block .preview-content {
+  margin-top: 1em;
+}
+.color-preview .preview-block-menu .preview-content,
+.color-preview .preview-block-menu .preview-content ul {
+  margin-top: 0;
+}
+.color-preview-main {
+  margin-bottom: 40px;
+  margin-top: 20px;
+}
+.color-preview-page-title {
+  font-size: 2em;
+  font-weight: normal;
+  line-height: 1;
+  margin: 1em 0 0.5em;
+}
+.color-preview-footer-wrapper {
+  color: #c0c0c0;
+  color: rgba(255, 255, 255, 0.65);
+  display: block !important;
+  font-size: 0.857em;
+  padding: 20px 20px 25px;
+}
+.color-preview-footer-wrapper a {
+  color: #fcfcfc;
+  color: rgba(255, 255, 255, 0.8);
+}
+.color-preview-footer-wrapper a:hover,
+.color-preview-footer-wrapper a:focus {
+  color: #fefefe;
+  color: rgba(255, 255, 255, 0.95);
+  text-decoration: underline;
+}
+.color-preview-footer-wrapper .preview-footer-column {
+  display: inline;
+  float: left; /* LTR */
+  padding: 0 10px;
+  position: relative;
+  width: 220px;
+}
+[dir="rtl"] .color-preview-footer-wrapper .preview-footer-column {
+  float: right;
+}
+.color-preview-footer-wrapper .preview-block {
+  border: 1px solid #444;
+  border-color: rgba(255, 255, 255, 0.1);
+  margin: 20px 0;
+  padding: 10px;
+}
+.color-preview-footer-columns .preview-block-menu {
+  border: none;
+  margin: 0;
+  padding: 0;
+}
+.color-preview-footer-columns h2 {
+  border-bottom: 1px solid #555;
+  border-color: rgba(255, 255, 255, 0.15);
+  padding-bottom: 3px;
+  text-transform: uppercase;
+}
+.color-preview-footer-columns .preview-content {
+  margin-top: 0;
+}
+.color-preview-footer-columns .preview-content ul {
+  margin-left: 0; /* LTR */
+  padding-left: 0; /* LTR */
+}
+[dir="rtl"] .color-preview-footer-columns .preview-content ul {
+  margin-right: 0;
+  padding-right: 0;
+}
+.color-preview-footer-columns .preview-content li {
+  list-style: none;
+  list-style-image: none;
+  margin: 0;
+  padding: 0;
+}
+.color-preview-footer-columns .preview-content li a {
+  border-bottom: 1px solid #555;
+  border-color: rgba(255, 255, 255, 0.15);
+  display: block;
+  line-height: 1.2;
+  padding: 0.8em 2px 0.8em 20px; /* LTR */
+  text-indent: -15px;
+}
+[dir="rtl"] .color-preview-footer-columns .preview-content li a {
+  padding-left: 2px;
+  padding-right: 20px;
+}
+.color-preview-footer-columns .preview-content li a:hover,
+.color-preview-footer-columns .preview-content li a:focus {
+  background-color: #1f1f21;
+  background-color: rgba(255, 255, 255, 0.05);
+  text-decoration: none;
+}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/color/preview.es6.js	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,46 @@
+/**
+ * @file
+ * Preview for the Bartik theme.
+ */
+(function ($, Drupal, drupalSettings) {
+  Drupal.color = {
+    logoChanged: false,
+    callback(context, settings, $form) {
+      // Change the logo to be the real one.
+      if (!this.logoChanged) {
+        $('.color-preview .color-preview-logo img').attr('src', drupalSettings.color.logo);
+        this.logoChanged = true;
+      }
+      // Remove the logo if the setting is toggled off.
+      if (drupalSettings.color.logo === null) {
+        $('div').remove('.color-preview-logo');
+      }
+
+      const $colorPreview = $form.find('.color-preview');
+      const $colorPalette = $form.find('.js-color-palette');
+
+      // Solid background.
+      $colorPreview.css('backgroundColor', $colorPalette.find('input[name="palette[bg]"]').val());
+
+      // Text preview.
+      $colorPreview.find('.color-preview-main h2, .color-preview .preview-content').css('color', $colorPalette.find('input[name="palette[text]"]').val());
+      $colorPreview.find('.color-preview-content a').css('color', $colorPalette.find('input[name="palette[link]"]').val());
+
+      // Sidebar block.
+      const $colorPreviewBlock = $colorPreview.find('.color-preview-sidebar .color-preview-block');
+      $colorPreviewBlock.css('background-color', $colorPalette.find('input[name="palette[sidebar]"]').val());
+      $colorPreviewBlock.css('border-color', $colorPalette.find('input[name="palette[sidebarborders]"]').val());
+
+      // Footer wrapper background.
+      $colorPreview.find('.color-preview-footer-wrapper').css('background-color', $colorPalette.find('input[name="palette[footer]"]').val());
+
+      // CSS3 Gradients.
+      const gradient_start = $colorPalette.find('input[name="palette[top]"]').val();
+      const gradient_end = $colorPalette.find('input[name="palette[bottom]"]').val();
+
+      $colorPreview.find('.color-preview-header').attr('style', `background-color: ${gradient_start}; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(${gradient_start}), to(${gradient_end})); background-image: -moz-linear-gradient(-90deg, ${gradient_start}, ${gradient_end});`);
+
+      $colorPreview.find('.color-preview-site-name').css('color', $colorPalette.find('input[name="palette[titleslogan]"]').val());
+    },
+  };
+}(jQuery, Drupal, drupalSettings));
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/color/preview.html	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,65 @@
+<div class="color-preview">
+
+  <div class="color-preview-header">
+    <div class="color-preview-logo"><img src="../../../core/themes/isobartik/logo.svg" alt="Site Logo" /></div>
+    <div class="color-preview-site-name">Bartik</div>
+    <div class="color-preview-main-menu">
+      <ul class="color-preview-main-menu-links">
+        <li><a>Home</a></li>
+        <li><a>Te Quidne</a></li>
+        <li><a>Vel Torqueo Quae Erat</a></li>
+      </ul>
+    </div>
+  </div>
+
+  <div class="color-preview-main clearfix">
+    <div class="color-preview-sidebar">
+      <div class="color-preview-block preview-block">
+        <h2>Etiam est risus</h2>
+        <div class="preview-content">
+          Maecenas id porttitor Ut enim ad minim veniam, quis nostrudfelis.
+          Laboris nisi ut aliquip ex ea.
+        </div>
+      </div>
+    </div>
+    <div class="color-preview-content">
+      <h1 class="color-preview-page-title">Lorem ipsum dolor</h1>
+      <div class="color-preview-node">
+        <div class="preview-content">
+          Sit amet, <a>consectetur adipisicing elit</a>, sed do eiusmod tempor
+          incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+          nostrud <a>exercitation ullamco</a> laboris nisi ut aliquip ex ea
+          commodo consequat. Maecenas id porttitor Ut enim ad minim veniam, quis nostr udfelis.
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <div class="color-preview-footer-wrapper">
+    <div class="color-preview-footer-columns clearfix">
+      <div class="preview-footer-column">
+        <div class="preview-block">
+          <h2>Etiam est risus</h2>
+          <div class="content">
+            Maecenas id porttitor Ut enim ad minim veniam, quis nostrudfelis.
+            Laboris nisi ut aliquip ex ea.
+          </div>
+        </div>
+      </div>
+      <div class="preview-footer-column">
+        <div class="preview-block preview-block-menu">
+          <h2>Erisus dolor</h2>
+          <div class="preview-content">
+            <ul>
+              <li><a>Donec placerat</a></li>
+              <li><a>Nullam nibh dolor</a></li>
+              <li><a>Blandit sed</a></li>
+              <li><a>Fermentum id</a></li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+</div>
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/color/preview.js	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,43 @@
+/**
+* DO NOT EDIT THIS FILE.
+* See the following change record for more information,
+* https://www.drupal.org/node/2815083
+* @preserve
+**/
+
+(function ($, Drupal, drupalSettings) {
+  Drupal.color = {
+    logoChanged: false,
+    callback: function callback(context, settings, $form) {
+      if (!this.logoChanged) {
+        $('.color-preview .color-preview-logo img').attr('src', drupalSettings.color.logo);
+        this.logoChanged = true;
+      }
+
+      if (drupalSettings.color.logo === null) {
+        $('div').remove('.color-preview-logo');
+      }
+
+      var $colorPreview = $form.find('.color-preview');
+      var $colorPalette = $form.find('.js-color-palette');
+
+      $colorPreview.css('backgroundColor', $colorPalette.find('input[name="palette[bg]"]').val());
+
+      $colorPreview.find('.color-preview-main h2, .color-preview .preview-content').css('color', $colorPalette.find('input[name="palette[text]"]').val());
+      $colorPreview.find('.color-preview-content a').css('color', $colorPalette.find('input[name="palette[link]"]').val());
+
+      var $colorPreviewBlock = $colorPreview.find('.color-preview-sidebar .color-preview-block');
+      $colorPreviewBlock.css('background-color', $colorPalette.find('input[name="palette[sidebar]"]').val());
+      $colorPreviewBlock.css('border-color', $colorPalette.find('input[name="palette[sidebarborders]"]').val());
+
+      $colorPreview.find('.color-preview-footer-wrapper').css('background-color', $colorPalette.find('input[name="palette[footer]"]').val());
+
+      var gradient_start = $colorPalette.find('input[name="palette[top]"]').val();
+      var gradient_end = $colorPalette.find('input[name="palette[bottom]"]').val();
+
+      $colorPreview.find('.color-preview-header').attr('style', 'background-color: ' + gradient_start + '; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(' + gradient_start + '), to(' + gradient_end + ')); background-image: -moz-linear-gradient(-90deg, ' + gradient_start + ', ' + gradient_end + ');');
+
+      $colorPreview.find('.color-preview-site-name').css('color', $colorPalette.find('input[name="palette[titleslogan]"]').val());
+    }
+  };
+})(jQuery, Drupal, drupalSettings);
\ No newline at end of file
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/config/schema/isobartik.schema.yml	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,5 @@
+# Schema for the configuration files of the Bartik theme.
+
+isobartik.settings:
+  type: theme_settings
+  label: 'IsoBartik settings'
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/css/base/elements.css	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,152 @@
+/**
+ * @file
+ * Overall specifications for Bartik.
+ */
+
+html {
+  height: 100%;
+}
+body {
+  min-height: 100%;
+  line-height: 1.5;
+  word-wrap: break-word;
+  font-family: Georgia, "Times New Roman", Times, serif;
+  font-size: 87.5%;
+}
+a,
+a.link {
+  text-decoration: none;
+  border-bottom: 1px dotted;
+}
+a:hover,
+a:active,
+a:focus,
+.link:hover,
+.link:active,
+.link:focus {
+  text-decoration: none;
+  border-bottom-style: solid;
+}
+.link {
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
+h1 a,
+h2 a {
+  border-bottom: none;
+}
+
+/**
+ * Reusable heading classes are included to help modules change the styling of
+ * headings on a page without affecting accessibility.
+ */
+h1,
+.heading-a {
+  margin: 1.0em 0 0.5em;
+  font-weight: inherit;
+  font-size: 1.357em;
+  color: #000;
+}
+h2,
+.heading-b {
+  margin: 1.0em 0 0.5em;
+  font-weight: inherit;
+  font-size: 1.143em;
+}
+h3,
+.heading-c {
+  margin: 1.0em 0 0.5em;
+  font-weight: inherit;
+  font-size: 1.092em;
+}
+h4,
+.heading-d {
+  margin: 1.0em 0 0.5em;
+  font-weight: inherit;
+  font-size: 1.05em;
+}
+h5,
+.heading-e {
+  margin: 1.0em 0 0.5em;
+  font-weight: inherit;
+  font-size: 0.889em;
+  text-transform: uppercase;
+  letter-spacing: 0.1em;
+}
+h6,
+.heading-f {
+  margin: 1.0em 0 0.5em;
+  font-weight: inherit;
+  font-size: 0.67em;
+  text-transform: uppercase;
+  letter-spacing: 0.1em;
+}
+p {
+  margin: 0 0 1.2em;
+}
+del {
+  text-decoration: line-through;
+}
+
+blockquote {
+  background: #f7f7f7;
+  border-left: 1px solid #bbb; /* LTR */
+  font-style: italic;
+  margin: 1.5em 10px;
+  padding: 0.5em 10px;
+}
+[dir="rtl"] blockquote {
+  border-left: none;
+  border-right: 1px solid #bbb;
+}
+blockquote:before {
+  color: #bbb;
+  content: "\201C";
+  font-size: 3em;
+  line-height: 0.1em;
+  margin-right: 0.2em; /* LTR */
+  vertical-align: -0.4em;
+}
+[dir="rtl"] blockquote:before {
+  content: "\201D";
+  margin-left: 0.2em;
+  margin-right: 0;
+}
+blockquote:after {
+  color: #bbb;
+  content: "\201D";
+  font-size: 3em;
+  line-height: 0.1em;
+  vertical-align: -0.45em;
+}
+[dir="rtl"] blockquote:after {
+  content: "\201C";
+}
+blockquote > p:first-child {
+  display: inline;
+}
+.feed-icon {
+  display: block;
+  margin: 25px 0 0 0;
+}
+img {
+  max-width: 100%;
+  height: auto;
+}
+ul,
+ol {
+  margin: 0;
+  padding: 0 0 0.25em 1em; /* LTR */
+}
+[dir="rtl"] ul,
+[dir="rtl"] ol {
+  padding: 0 1em 0.25em 0;
+}
+ol ol,
+ul ul {
+  margin: 0;
+  padding: 0 0 0.25em 1em; /* LTR */
+}
+[dir="rtl"] ol ol,
+[dir="rtl"] ul ul {
+  padding: 0 1em 0.25em 0;
+}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/css/colors.css	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,70 @@
+/* ---------- Color Module Styles ----------- */
+
+body {
+  color: #3b3b3b;
+  background: #292929;
+}
+#page,
+#main-wrapper,
+.region-primary-menu .menu-item a.is-active,
+.region-primary-menu .menu-item--active-trail a {
+  background: #ffffff;
+}
+.tabs ul.primary li a.is-active {
+  background-color: #ffffff;
+}
+.tabs ul.primary li.is-active a {
+  background-color: #ffffff;
+  border-bottom-color: #ffffff;
+}
+#header {
+  background-color: #1d84c3;
+  background-image: -webkit-linear-gradient(top, #055a8e 0%, #1d84c3 100%);
+  background-image: linear-gradient(to bottom, #055a8e 0%, #1d84c3 100%);
+}
+a,
+.link {
+  color: #0071b3;
+}
+a:hover,
+a:focus,
+.link:hover,
+.link:focus {
+  color: #018fe2;
+}
+a:active,
+.link:active {
+  color: #23aeff;
+}
+.sidebar .block {
+  background-color: #f6f6f2;
+  border-color: #f9f9f9;
+}
+.site-footer {
+  background: #292929;
+}
+.region-header,
+.region-header a,
+.region-header li a.is-active,
+.site-branding__text,
+.site-branding,
+.site-branding__text a,
+.site-branding a,
+.region-secondary-menu .menu-item a,
+.region-secondary-menu .menu-item a.is-active {
+  color: #fffeff;
+}
+
+/* ---------- Color Form ----------- */
+
+[dir="rtl"] .color-form .color-palette {
+  margin-left: 0;
+  margin-right: 20px;
+}
+[dir="rtl"] .color-form .form-item label {
+  float: right;
+}
+[dir="rtl"] .color-form .color-palette .lock {
+  right: -20px;
+  left: 0;
+}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/css/components/block.css	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,9 @@
+/**
+ * @file
+ * Visual styles for Bartik's blocks.
+ */
+
+/* Block has its own content wrapper. */
+.block .content {
+  margin-top: 10px;
+}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/css/components/book.css	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,13 @@
+/**
+ * @file
+ * Bartik specific styling for the Book module.
+ */
+
+.book-navigation .menu {
+  border-top: 1px solid #d6d6d6;
+}
+.book-navigation .book-pager {
+  border-bottom: 1px solid #d6d6d6;
+  border-top: 1px solid #d6d6d6;
+  margin: 0;
+}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/css/components/breadcrumb.css	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,12 @@
+/**
+ * @file
+ * Styles for Bartik's breadcrumbs.
+ */
+
+.breadcrumb {
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size: 0.929em;
+}
+.region-breadcrumb {
+  padding: 0 15px 0.25em;
+}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/css/components/buttons.css	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,40 @@
+/**
+ * @file
+ * Styles for Bartik's buttons.
+ */
+
+.button {
+  background-color: #fff;
+  background-image: -webkit-linear-gradient(top, #f3f3f3, #e8e8e8);
+  background-image: linear-gradient(to bottom, #f3f3f3, #e8e8e8);
+  border: 1px solid #e4e4e4;
+  border-bottom-color: #b4b4b4;
+  border-left-color: #d2d2d2;
+  border-right-color: #d2d2d2;
+  color: #3a3a3a;
+  cursor: pointer;
+  font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
+  font-size: 0.929em;
+  font-weight: normal;
+  text-align: center;
+  padding: 0.250em 1.063em;
+  border-radius: 1em;
+  display: inline-block;
+  line-height: normal;
+}
+.button:hover,
+.button:active,
+.button:focus {
+  background: #dedede;
+  color: #5a5a5a;
+  text-decoration: none;
+}
+.button.is-disabled:hover,
+.button.is-disabled:active,
+.button.is-disabled:focus,
+.button.is-disabled {
+  background: #ededed;
+  border-color: #bbb;
+  color: #717171;
+  cursor: default;
+}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/css/components/captions.css	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,31 @@
+/* -------------- Captions -------------- */
+.caption {
+  margin-bottom: 1.2em;
+}
+.caption > * {
+  background: #F3F3F3;
+  padding: 0.5ex;
+  border: 1px solid #CCC;
+}
+.caption > figcaption {
+  border: 1px solid #CCC;
+  border-top: none;
+  padding-top: 0.5ex;
+  font-size: small;
+  text-align: center;
+}
+
+/* Override Bartik's default blockquote and pre styles when captioned. */
+.caption-pre > pre,
+.caption-blockquote > blockquote {
+  margin: 0;
+}
+.caption-blockquote > figcaption::before {
+  content: "— ";
+}
+.caption-blockquote > figcaption {
+  text-align: left; /* LTR */
+}
+[dir="rtl"] .caption-blockquote > figcaption {
+  text-align: right;
+}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/css/components/comments.css	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,156 @@
+/**
+ * @file
+ * Visual styles for comments in Bartik.
+ */
+
+/* This is required to win over specificity of #content h2 */
+#content .comment-wrapper h2 {
+  margin-bottom: 1em;
+}
+#content .comment-wrapper h2.comment-form__title {
+  margin-bottom: 1em;
+}
+.field-node--comment {
+  font-size: 0.934em;
+}
+.comment {
+  margin-bottom: 19px;
+  vertical-align: top;
+  display: table;
+}
+[dir="rtl"] .comment {
+  direction: rtl;
+}
+
+.comment__meta {
+  padding: 0 30px 0 0; /* LTR */
+  font-size: 1.071em;
+}
+[dir="rtl"] .comment__meta {
+  padding: 0 0 0 30px;
+}
+.comment__attribution img {
+  border: 1px solid #d3d7d9;
+}
+/* This is required to win over specificity of .field--type-image img */
+.comment .field--name-user-picture img {
+  margin: 0;
+}
+.comment__author .username {
+  white-space: nowrap;
+}
+.comment__author {
+  margin: 4px 0;
+  line-height: 1.2;
+}
+.comment__time {
+  margin-bottom: 4px;
+  color: #68696b;
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size: 0.733em;
+  line-height: 1.2;
+}
+.comment__permalink {
+  font-size: 0.733em;
+  line-height: 1.2;
+}
+.comment__content {
+  position: relative;
+  display: table-cell;
+  padding: 10px 25px 10px 25px;
+  vertical-align: top;
+  width: 100%;
+  border: 1px solid #d3d7d9;
+  font-size: 0.929em;
+  line-height: 1.6;
+  word-break: break-all;
+}
+
+.comment__content:before {
+  content: '';
+  position: absolute;
+  right: 100%; /* LTR */
+  top: 20px;
+  border-top: 20px solid transparent;
+  border-right: 20px solid #d3d7d9; /* LTR */
+  border-bottom: 20px solid transparent;
+}
+[dir="rtl"] .comment__content:before {
+  right: auto;
+  left: 100%;
+  border-right: none;
+  border-left: 20px solid #d3d7d9;
+}
+.comment__content:after {
+  content: '';
+  position: absolute;
+  right: 100%; /* LTR */
+  top: 20px;
+  border-top: 20px solid transparent;
+  border-right: 20px solid #fff; /* LTR */
+  border-bottom: 20px solid transparent;
+  margin-right: -1px; /* LTR */
+}
+[dir="rtl"] .comment__content:after {
+  right: auto;
+  left: 100%;
+  border-right: none;
+  border-left: 20px solid #fff;
+  margin-right: 0;
+  margin-left: -1px;
+}
+.comment__content h3 {
+  margin-top: 0.94em;
+  margin-bottom: 0.45em;
+  font-size: 1.171em;
+}
+.indented {
+  margin-left: 40px; /* LTR */
+}
+[dir="rtl"] .indented {
+  margin-right: 40px;
+  margin-left: 0;
+}
+.comment .links {
+  padding: 0 0 0.25em 0;
+}
+.comment .links li {
+  padding: 0 0.5em 0 0; /* LTR */
+  font-size: 1.08em;
+}
+[dir="rtl"] .comment .links li {
+  padding: 0 0 0 0.5em;
+}
+.comment--unpublished {
+  margin-right: 5px; /* LTR */
+  padding: 5px 2px 5px 5px; /* LTR */
+  background: #fff4f4;
+}
+[dir="rtl"] .comment--unpublished {
+  margin-left: 5px;
+  margin-right: 0;
+  padding: 5px 5px 5px 2px;
+}
+
+/**
+ * @todo: unpublished nodes have class .node--unpublished.
+ * change this to .comment--unpublished.
+ */
+.unpublished .comment-text .comment-arrow {
+  border-left: 1px solid #fff4f4;
+  border-right: 1px solid #fff4f4;
+}
+.unpublished {
+  padding: 20px 15px 0;
+}
+.comment-footer {
+  display: table-row;
+}
+.comment--unpublished .comment__text:after,
+.node--unpublished .comment__text:after {
+  border-right-color: #fff4f4; /* LTR */
+}
+[dir="rtl"] .comment--unpublished .comment__content:after,
+[dir="rtl"] .node--unpublished .comment__content:after {
+  border-left-color: #fff4f4;
+}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/css/components/contextual.css	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,9 @@
+/**
+ * @file
+ * Contextual links styles for Bartik.
+ */
+
+.contextual-links a {
+  border-bottom: none;
+  text-shadow: 0 0 0;
+}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/css/components/demo-block.css	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,18 @@
+/**
+ * @file
+ * Visual styles for Bartik's block demonstration.
+ */
+
+.demo-block {
+  background: #ffff66;
+  border: 1px dotted #9f9e00;
+  color: #000;
+  font: 90% "Lucida Grande", "Lucida Sans Unicode", sans-serif;
+  margin: 5px;
+  padding: 5px;
+  text-align: center;
+  text-shadow: none;
+}
+.featured-top .demo-block {
+  font-size: 0.55em;
+}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/css/components/dropbutton.component.css	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,65 @@
+/**
+ * @file
+ * Visual styles for Bartik's dropbutton component.
+ */
+
+.js .dropbutton-widget {
+  border: 1px solid;
+  border-color: #e4e4e4 #d2d2d2 #b4b4b4 #d2d2d2;
+  background-color: #fff;
+  background-image: -webkit-linear-gradient(top, #f3f3f3, #e8e8e8);
+  background-image: linear-gradient(to bottom, #f3f3f3, #e8e8e8);
+  color: #3a3a3a;
+  cursor: pointer;
+  text-align: center;
+  margin: 0.125em 0;
+  border-radius: 1em;
+  overflow: hidden;
+}
+.js .dropbutton-widget:hover {
+  border-color: #e4e4e4 #d2d2d2 #b4b4b4 #d2d2d2;
+}
+.js .dropbutton-widget .button {
+  border: none;
+  margin: 0;
+  padding: 0.32em 1em;
+  background: transparent none;
+}
+.js .dropbutton-multiple .dropbutton-widget,
+.js[dir="rtl"] .dropbutton-multiple .dropbutton-widget {
+  padding: 0;
+}
+.js .dropbutton-multiple .dropbutton-widget .dropbutton {
+  padding-right: 2em; /* LTR */
+  position: relative;
+}
+.js[dir="rtl"] .dropbutton-multiple .dropbutton-widget .dropbutton {
+  padding-right: 0;
+  padding-left: 2em;
+}
+.js .dropbutton-multiple .dropbutton-widget .dropbutton-action a {
+  margin-right: 0; /* LTR */
+}
+[dir="rtl"].js .dropbutton-multiple .dropbutton-widget .dropbutton-action a {
+  margin-left: 0;
+}
+.js .dropbutton .secondary-action {
+  border-top-color: #ccc;
+}
+.js .dropbutton-toggle button {
+  background-color: #e8e8e8;
+  background-image: -webkit-linear-gradient(top, #e8e8e8, #d2d2d2);
+  background-image: linear-gradient(to bottom, #e8e8e8, #d2d2d2);
+}
+.js .dropbutton-toggle .dropbutton-arrow:hover {
+  background: #ccc;
+}
+.js .dropbutton a {
+  color: #3a3a3a;
+  border-bottom: 0 none;
+}
+.js .dropbutton .dropbutton-action:hover,
+.js .dropbutton a:hover {
+  background: #dedede;
+  border-bottom: 0 none;
+}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/css/components/featured-bottom.css	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,63 @@
+/**
+* @file
+* Visual styles for Bartik's featured bottom component.
+*/
+
+.featured-bottom {
+  background: rgba(30, 50, 10, 0.08);
+  border-top: 1px solid #e7e7e7;
+}
+.featured-bottom .region {
+  padding: 0 20px;
+}
+@media all and (min-width: 560px) {
+  .featured-bottom .region {
+    float: left; /* LTR */
+    position: relative;
+    box-sizing: border-box;
+    padding: 20px 15px 30px;
+    width: 33%;
+  }
+  [dir="rtl"] .featured-bottom .region {
+    float: right;
+  }
+}
+@media all and (min-width: 851px) {
+  .featured-bottom .region {
+    padding: 0 20px;
+  }
+}
+.featured-bottom h2 {
+  color: #000;
+  font-size: 1.4em;
+  margin-bottom: 0.6em;
+  text-shadow: 0 1px 0 #fff;
+  text-align: center;
+  line-height: 1em;
+}
+.featured-bottom .block {
+  margin-bottom: 1em;
+  padding-bottom: 1em;
+  border-bottom: 1px solid #dfdfdf;
+  line-height: 1.3em;
+}
+.featured-bottom .block:last-child {
+  border-bottom: none;
+}
+.featured-bottom ul,
+.featured-bottom ol {
+  padding-left: 0;
+}
+.featured-bottom ul li,
+.featured-bottom ol li {
+  list-style: none;
+}
+.featured-bottom input:not(.form-submit) {
+  width: 185px;
+}
+.region-featured-bottom-third .feed-icon {
+  float: right;
+}
+.region-featured-bottom-second .block-system-powered-by-block {
+  text-align: center;
+}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/css/components/featured-top.css	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,25 @@
+/**
+ * @file
+ * Visual styles for Bartik's featured top.
+ */
+
+.featured-top {
+  text-align: center;
+  font-size: 1.2em;
+  font-weight: normal;
+  line-height: 1.4;
+  padding: 20px 10px 45px;
+  margin: 0;
+  background: #f0f0f0;
+  background: rgba(30, 50, 10, 0.08);
+  border-bottom: 1px solid #e7e7e7;
+  text-shadow: 1px 1px #fff;
+}
+.featured-top h2 {
+  font-size: 1.2em;
+  line-height: 1;
+}
+.featured-top p {
+  margin: 0;
+  padding: 0;
+}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/css/components/feed-icon.css	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,15 @@
+/**
+ * @file
+ * Feed icon styles for Bartik.
+ */
+
+.feed-icon {
+  border-bottom: 1px solid transparent;
+  display: inline-block;
+  padding-bottom: 2px;
+}
+
+.feed-icon:focus,
+.feed-icon:hover {
+  border-color: #018fe2;
+}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/css/components/field.css	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,98 @@
+/**
+ * @file
+ * Visual styles for Bartik's field components.
+ */
+
+.field--type-entity-reference {
+  margin: 0 0 1.2em;
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
+.field--type-entity-reference .field__label {
+  font-weight: normal;
+  margin: 0;
+  padding-right: 5px; /* LTR */
+}
+[dir="rtl"] .field--type-entity-reference .field__label {
+  padding-left: 5px;
+  padding-right: 0;
+}
+.field--type-entity-reference .field__label,
+.field--type-entity-reference ul.links {
+  font-size: 0.8em;
+}
+.node--view-mode-teaser .field--type-entity-reference .field__label,
+.node--view-mode-teaser .field--type-entity-reference ul.links {
+  font-size: 0.821em;
+}
+.field--type-entity-reference ul.links {
+  padding: 0;
+  margin: 0;
+  list-style: none;
+}
+/* This is required to win over specificity of [dir="rtl"] .region-content ul */
+[dir="rtl"] .field--type-entity-reference ul.links {
+  padding: 0;
+}
+.field--type-entity-reference ul.links li {
+  float: left; /* LTR */
+  padding: 0 1em 0 0; /* LTR */
+  white-space: nowrap;
+}
+[dir="rtl"] .field--type-entity-reference ul.links li {
+  padding: 0 0 0 1em;
+  float: right;
+}
+@media all and (min-width: 560px) {
+  .node .field--type-image {
+    float: left; /* LTR */
+    margin: 0 1em 0 0; /* LTR */
+  }
+  [dir="rtl"] .node .field--type-image {
+    float: right;
+    margin: 0 0 0 1em;
+  }
+  .node .field--type-image + .field--type-image {
+    clear: both;
+  }
+}
+.field--type-image img,
+.field--name-user-picture img {
+  margin: 0 0 1em;
+}
+.field--type-image a {
+  border-bottom: none;
+}
+.field--name-field-tags {
+  margin: 0 0 1.2em;
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
+.field--name-field-tags .field__label {
+  font-weight: normal;
+  margin: 0;
+  padding-right: 5px; /* LTR */
+}
+[dir="rtl"] .field--name-field-tags .field__label {
+  padding-left: 5px;
+  padding-right: 0;
+}
+.field--name-field-tags .field__label,
+.field--name-field-tags ul.links {
+  font-size: 0.8em;
+}
+.node--view-mode-teaser .field--name-field-tags .field__label,
+.node--view-mode-teaser .field--name-field-tags ul.links {
+  font-size: 0.821em;
+}
+.field--name-field-tags ul.links {
+  padding: 0;
+  margin: 0;
+}
+.field--name-field-tags ul.links li {
+  float: left; /* LTR */
+  padding: 0 1em 0 0; /* LTR */
+  white-space: nowrap;
+}
+[dir="rtl"] .field--name-field-tags ul.links li {
+  padding: 0 0 0 1em;
+  float: right;
+}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/css/components/form.css	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,333 @@
+/**
+ * @file
+ * Visual styles for Bartik's forms.
+ */
+
+/* Password field. */
+.password-field {
+  margin: 0;
+}
+
+/* Form elements. */
+form {
+  margin: 0;
+  padding: 0;
+}
+fieldset {
+  margin: 1em 0;
+  min-width: 0;
+}
+/**
+ * We've temporarily added this Firefox specific rule here to fix fieldset
+ * widths.
+ * @todo remove once this Mozilla bug is fixed.
+ * See https://bugzilla.mozilla.org/show_bug.cgi?id=504622
+ */
+@-moz-document url-prefix() {
+  fieldset {
+    display: table-cell;
+  }
+}
+details,
+fieldset,
+.filter-wrapper {
+  border-radius: 4px;
+}
+.filter-wrapper {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+.filter-help a {
+  font-size: 0.857em;
+}
+.filter-wrapper .form-item label {
+  margin-right: 10px; /* LTR */
+}
+[dir="rtl"] .filter-wrapper .form-item label {
+  margin-left: 10px;
+  margin-right: 0;
+}
+summary {
+  background: #dbdbdb;
+  color: #3b3b3b;
+  text-shadow: 0 1px 0 #fff;
+}
+details summary a {
+  color: #3b3b3b;
+}
+details summary a:hover,
+details summary a:active,
+details summary a:focus {
+  color: #000;
+}
+details .details-description {
+  font-style: italic;
+}
+label {
+  display: table;
+  font-weight: bold;
+}
+label[for] {
+  cursor: pointer;
+}
+input,
+textarea,
+select {
+  font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
+}
+input {
+  margin: 2px 0;
+  padding: 4px;
+  /* Keep form elements from overflowing their containers. */
+  max-width: 100%;
+  box-sizing: border-box;
+}
+input,
+textarea {
+  font-size: 0.929em;
+}
+
+/**
+ * Make the font slightly bigger in mobile
+ * @todo: check the correct font-size
+ */
+@media screen and (max-width: 60em) { /* 920px */
+  input,
+  textarea {
+    font-size: 16px;
+  }
+}
+textarea {
+  line-height: 1.5;
+}
+textarea.form-textarea,
+select.form-select {
+  padding: 4px;
+}
+input.form-text,
+input.form-tel,
+input.form-email,
+input.form-url,
+input.form-search,
+input.form-file,
+input.form-number,
+input.form-color,
+textarea.form-textarea,
+select.form-select {
+  border: 1px solid #ccc;
+  color: #3b3b3b;
+}
+input.form-submit:hover,
+input.form-submit:focus {
+  background: #dedede;
+}
+.password-suggestions ul li {
+  margin-left: 1.2em; /* LTR */
+}
+[dir="rtl"] .password-suggestions ul li {
+  margin-right: 1.2em;
+  margin-left: 0;
+}
+.form-item label,
+.form-wrapper .label {
+  font-size: 0.929em;
+}
+.form-wrapper .field-multiple-table .label {
+  font-size: inherit;
+}
+.form-type-radio label,
+.form-type-checkbox label {
+  margin-left: 4px; /* LTR */
+}
+[dir="rtl"] .form-type-radio label,
+[dir="rtl"] .form-type-checkbox label {
+  margin-right: 4px;
+  margin-left: 0;
+}
+.form-type-radio .description,
+.form-type-checkbox .description {
+  margin-left: 2px; /* LTR */
+}
+[dir="rtl"] .form-type-radio .description,
+[dir="rtl"] .form-type-checkbox .description {
+  margin-right: 2px;
+  margin-left: 0;
+}
+.form-actions {
+  padding-top: 10px;
+}
+
+/* Node Form */
+#edit-body {
+  margin-bottom: 2em;
+}
+.node-form label,
+.node-form .description,
+.node-form .form-wrapper .label {
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
+.node-form .form-wrapper .field-multiple-table .label {
+  font-family: inherit;
+}
+.node-form .form-wrapper {
+  margin-bottom: 2em;
+}
+.node-form .node-form-footer,
+.node-form .field--name-status {
+  margin-bottom: 0;
+}
+.node-form .form-actions {
+  padding-top: 0;
+  margin-top: 0;
+}
+
+/* Contact Form */
+.contact-form #edit-name {
+  width: 75%;
+  border-radius: 4px;
+}
+.contact-form #edit-mail {
+  width: 75%;
+  border-radius: 4px;
+}
+.contact-form #edit-subject {
+  width: 75%;
+  border-radius: 4px;
+}
+.contact-form #edit-message {
+  width: 76.3%;
+  border-top-left-radius: 4px;
+  border-top-right-radius: 4px;
+}
+
+/* Disabled form elements */
+.form-disabled input,
+.form-disabled select,
+.form-disabled textarea {
+  background: #ededed;
+  border-color: #bbb;
+  color: #717171;
+}
+.form-disabled label {
+  color: #717171;
+}
+
+/* Comment form */
+.comment-form label {
+  float: left; /* LTR */
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size: 0.929em;
+  width: 120px;
+}
+[dir="rtl"] .comment-form label {
+  float: right;
+}
+.comment-form input,
+.comment-form .form-select {
+  margin: 0;
+  border-radius: 4px;
+}
+.comment-form .form-type-textarea label {
+  float: none;
+}
+.comment-form .form-item,
+.comment-form .form-radios,
+.comment-form .form-type-checkbox,
+.comment-form .form-select {
+  margin-bottom: 10px;
+  overflow: hidden;
+}
+.comment-form .form-type-checkbox,
+.comment-form .form-radios {
+  margin-left: 120px; /* LTR */
+}
+[dir="rtl"] .comment-form .form-type-checkbox,
+[dir="rtl"] .comment-form .form-radios,
+[dir="rtl"] .comment-form .form-item .description {
+  margin-left: 0;
+  margin-right: 120px;
+}
+.comment-form .form-type-checkbox label,
+.comment-form .form-radios label {
+  float: none;
+  margin-top: 0;
+}
+.comment-form input.form-file {
+  width: auto;
+}
+.layout-no-sidebars .comment-form .form-text {
+  width: 800px;
+}
+.layout-one-sidebar .comment-form .form-text {
+  width: 500px;
+}
+.layout-two-sidebars .comment-form .form-text {
+  width: 320px;
+}
+.comment-form .form-item .description {
+  font-size: 0.786em;
+  line-height: 1.2;
+  margin-left: 120px; /* LTR */
+}
+.comment-form .form-textarea {
+  border-top-left-radius: 4px;
+  border-top-right-radius: 4px;
+}
+.comment-form details.filter-wrapper .details-wrapper,
+.comment-form .text-format-wrapper .form-item {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+.filter-wrapper label {
+  width: auto;
+  float: none;
+}
+.filter-wrapper .form-select {
+  min-width: 120px;
+}
+.comment-form details.filter-wrapper .tips {
+  font-size: 0.786em;
+}
+#comment-body-add-more-wrapper .form-type-textarea label {
+  margin-bottom: 0.4em;
+}
+#edit-actions input {
+  margin-right: 0.6em; /* LTR */
+}
+[dir="rtl"] #edit-actions input {
+  margin-left: 0.6em;
+  margin-right: 0;
+}
+
+/* Form error styles. */
+.form-item textarea.error + .cke {
+  border: 2px solid red;
+}
+
+/* Form error message styles. */
+.form-item--error-message {
+  color: #e32700;
+}
+
+/**
+ * Improve form element usability on narrow devices.
+ */
+@media all and (max-width: 600px) {
+  .form-actions .button {
+    float: none;
+    margin: 10px 0 0;
+    padding-bottom: 6px;
+    width: 100%;
+    display: block;
+    box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+  }
+
+  .js .dropbutton .dropbutton-action > input,
+  .js .dropbutton .dropbutton-action > a,
+  .js .dropbutton .dropbutton-action > button {
+    text-align: center;
+    padding-left: 3em;
+  }
+}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/css/components/forum.css	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,11 @@
+/**
+ * @file
+ * Visual styles for forums in Bartik.
+ */
+
+.forum__name {
+  font-size: 1.083em;
+}
+.forum__description {
+  font-size: 1em;
+}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/css/components/header.css	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,200 @@
+/* ------------------ Header ------------------ */
+#header {
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
+.header .section {
+  position: relative;
+}
+.region-header {
+  padding: 0.357em 15px 0;
+}
+.region-header .site-branding {
+  margin-top: 0.429em;
+}
+@media all and (min-width: 461px) {
+  .region-header .block {
+    float: right; /* LTR */
+    margin-top: 0.357em;
+  }
+  [dir="rtl"] .region-header .block {
+    float: left;
+  }
+  .region-header .site-branding {
+    float: left; /* LTR */
+    /* margin-bottom: 1.857em; */
+  }
+  [dir="rtl"] .region-header .site-branding {
+    float: right;
+  }
+}
+@media screen and (max-width: 460px) {
+  .region-header {
+    padding-bottom: 0.357em;
+  }
+}
+/* Region header blocks. */
+.region-header .block:not(.site-branding) {
+  font-size: 0.857em;
+  margin: 0 0 1em;
+  clear: right;
+}
+@media all and (min-width: 901px) {
+  .region-header .block:not(.site-branding) {
+    margin: 1.167em 0 1em;
+  }
+}
+.region-header .block > h2 {
+  /* @extend .visually-hidden */
+  position: absolute !important;
+  clip: rect(1px, 1px, 1px, 1px);
+  overflow: hidden;
+  height: 1px;
+}
+.header .block .content {
+  margin: 0;
+  padding: 0;
+}
+.region-header .block ul {
+  padding: 0;
+}
+.region-header .block li {
+  list-style: none;
+  list-style-image: none;
+  padding: 0;
+}
+.region-header .branding {
+  font-size: 1em;
+}
+.region-header .form-text {
+  background: #fefefe;
+  background: rgba(255, 255, 255, 0.7);
+  border-color: #ccc;
+  border-color: rgba(255, 255, 255, 0.3);
+  margin-right: 2px; /* LTR */
+  width: 120px;
+}
+[dir="rtl"] .region-header .form-text {
+  margin-left: 2px;
+  margin-right: 0;
+}
+.region-header .form-text:hover,
+.region-header .form-text:focus,
+.region-header .form-text:active {
+  background: #fff;
+  background: rgba(255, 255, 255, 0.8);
+}
+.region-header .form-required:after {
+  background-image: url(../../images/required.svg);
+}
+/* Region header block menus. */
+.region-header .block-menu {
+  border: 1px solid;
+  border-color: #eee;
+  border-color: rgba(255, 255, 255, 0.2);
+  padding: 0;
+  width: 208px;
+}
+.region-header .block-menu li a {
+  display: block;
+  border-bottom: 1px solid;
+  border-bottom-color: #eee;
+  border-bottom-color: rgba(255, 255, 255, 0.2);
+  padding: 3px 7px;
+}
+.region-header .block-menu li a:hover,
+.region-header .block-menu li a:focus,
+.region-header .block-menu li a:active {
+  text-decoration: none;
+  background: rgba(255, 255, 255, 0.15);
+}
+.region-header .block-menu li:last-child a {
+  border-bottom: 0;
+}
+/* User Login block in the header region. */
+.region-header #block-user-login {
+  width: auto;
+}
+.region-header #block-user-login .content {
+  margin-top: 2px;
+}
+.region-header #block-user-login .form-item {
+  float: left; /* LTR */
+  margin: 0;
+  padding: 0;
+}
+.region-header #block-user-login div.item-list,
+.region-header #block-user-login div.description {
+  font-size: 0.916em;
+  margin: 0;
+}
+.region-header #block-user-login div.item-list {
+  clear: both;
+}
+.region-header #block-user-login div.description {
+  display: inline;
+}
+.region-header #block-user-login .item-list ul {
+  padding: 0;
+  line-height: 1;
+}
+.region-header #block-user-login .item-list li {
+  list-style: none;
+  float: left; /* LTR */
+  padding: 3px 0 1px;
+}
+.region-header #block-user-login .item-list li:last-child {
+  padding-left: 0.5em; /* LTR */
+}
+[dir="rtl"] .region-header #block-user-login .item-list li:last-child {
+  padding-left: 0;
+  padding-right: 0.5em;
+}
+.region-header #block-user-login .form-actions {
+  margin: 4px 0 0;
+  padding: 0;
+  clear: both;
+}
+.region-header #block-user-login input.form-submit {
+  border: 1px solid;
+  border-color: #ccc;
+  border-color: rgba(255, 255, 255, 0.5);
+  background: #eee;
+  background: rgba(255, 255, 255, 0.7);
+  margin: 4px 0;
+  padding: 3px 8px;
+}
+.region-header #block-user-login input.form-submit:hover,
+.region-header #block-user-login input.form-submit:focus {
+  background: #fff;
+  background: rgba(255, 255, 255, 0.9);
+}
+/* Search block in header region. */
+.region-header #block-search-form {
+  width: 208px;
+}
+.region-header #block-search-form .form-text {
+  width: 154px;
+}
+.region-header .search-block-form {
+  float: right; /* LTR */
+}
+[dir="rtl"] .region-header .search-block-form {
+  float: left;
+}
+
+/* Language switcher block in header region. */
+.region-header .block-locale ul li {
+  display: inline;
+  padding: 0 0.5em;
+}
+[role*=banner] a {
+  border-bottom: none;
+}
+
+[dir="rtl"] .branding,
+[dir="rtl"] .site-logo,
+[dir="rtl"] .site-branding-text,
+[dir="rtl"] .region-header #block-user-login .form-item,
+[dir="rtl"] .region-header #block-user-login .item-list li {
+  float: right;
+}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/css/components/help.css	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,10 @@
+/**
+ * @file
+ * Styles for the help block.
+ */
+
+.block-help {
+  border: 1px solid #d3d7d9;
+  padding: 0 1.5em;
+  margin-bottom: 30px;
+}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/css/components/highlighted.css	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,12 @@
+/**
+ * @file
+ * Styles for Bartik's highlighted component.
+ */
+
+.has-featured-top .region-highlighted {
+  background: #f0f0f0;
+  background: rgba(30, 50, 10, 0.08);
+}
+.region-highlighted {
+  margin: 0 15px;
+}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/css/components/image-button.css	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,13 @@
+/**
+ * @file
+ * Styles for Bartik's image buttons.
+ */
+
+.image-button.is-disabled:hover,
+.image-button.is-disabled:active,
+.image-button.is-disabled:focus,
+.image-button.is-disabled {
+  background: transparent;
+  opacity: 0.5;
+  cursor: default;
+}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/css/components/item-list.css	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,29 @@
+/**
+ * @file
+ * Visual styles for Bartik's item list.
+ */
+
+.item-list ul {
+  list-style: none;
+  margin: 0 0 0.25em 0;
+  padding: 0; /* LTR */
+}
+[dir="rtl"] .item-list ul {
+  padding: 0;
+}
+.item-list ul li {
+  /* This is needed to reset styles in item-list.theme.css */
+  margin: 0;
+  padding: 0.2em 0.5em 0 0; /* LTR */
+}
+[dir="rtl"] .item-list ul li {
+  /* This is needed to reset [dir="rtl"] styles in item-list.theme.css */
+  margin: 0;
+  padding: 0.2em 0 0 0.5em;
+}
+.item-list .item-list__comma-list,
+.item-list .item-list__comma-list li,
+[dir="rtl"] .item-list .item-list__comma-list,
+[dir="rtl"] .item-list .item-list__comma-list li {
+  padding: 0;
+}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/css/components/list-group.css	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,13 @@
+/**
+ * @file
+ * List group.
+ * A list of links, grouped together.
+ */
+
+.list-group__link {
+  border-top: 1px solid #ccc;
+  padding: 7px 0 0;
+}
+.list-group__description {
+  margin: 0 0 10px;
+}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/css/components/list.css	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,13 @@
+/**
+ * @file
+ * Visual styles for Bartik's lists.
+ */
+
+ul.links {
+  color: #68696b;
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size: 0.821em;
+  padding: 0;
+  margin: 0;
+  list-style: none;
+}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/css/components/main-content.css	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,51 @@
+/**
+ * @file
+ * Visual styles for Bartik's main-content component.
+ */
+
+.main-content .section {
+  padding: 0 15px;
+}
+.main-content h2 {
+  margin-bottom: 2px;
+  font-size: 1.429em;
+  line-height: 1.4;
+}
+
+@media all and (min-width: 851px) {
+  .main-content {
+    float: left; /* LTR */
+    position: relative;
+  }
+  [dir="rtl"] .main-content {
+    float: right;
+  }
+  .layout-two-sidebars .main-content {
+    margin-left: 25%;
+    margin-right: 25%;
+    width: 50%;
+  }
+  .layout-one-sidebar .main-content {
+    width: 75%;
+  }
+  .layout-no-sidebars .main-content {
+    width: 100%;
+  }
+  .layout-sidebar-first .main-content {
+    margin-left: 25%; /* LTR */
+    margin-right: 0; /* LTR */
+  }
+  [dir="rtl"] .layout-sidebar-first .main-content {
+    margin-left: 0;
+    margin-right: 25%;
+  }
+  .layout-sidebar-second .main-content {
+    margin-right: 25%; /* LTR */
+    margin-left: 0; /* LTR */
+  }
+  [dir="rtl"] .layout-sidebar-second .main-content {
+    margin-right: 0;
+    margin-left: 25%;
+  }
+}
+
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/css/components/menu.css	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,15 @@
+/**
+ * @file
+ * Styles for menus in Bartik.
+ */
+
+/* This is needed to override ul.menu styles in menu.theme.css */
+ul.menu {
+  margin: 0;
+  padding: 0 0 0.25em 1em;
+}
+
+/* This is needed to override [dir="rtl"] ul.menu styles in menu.theme.css */
+[dir="rtl"] ul.menu {
+  margin: 0;
+}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/css/components/messages.css	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,13 @@
+/**
+ * @file
+ * Styles for Bartik's messages.
+ */
+
+.messages__wrapper {
+  padding: 20px 0 5px 8px;
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  margin: 8px 0;
+}
+[dir="rtl"] .messages__wrapper {
+  padding: 20px 8px 5px 0;
+}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/css/components/node-preview.css	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,61 @@
+.node-preview-container {
+  background: #d1e8f5;
+  background-image: -webkit-linear-gradient(top, #d1e8f5, #d3e8f4);
+  background-image: linear-gradient(to bottom, #d1e8f5, #d3e8f4);
+  font-family: Arial, sans-serif;
+  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.3333);
+  position: fixed;
+  z-index: 499;
+  width: 100%;
+  padding: 10px;
+}
+.node-preview-backlink {
+  background-color: #419ff1;
+  background: url(../../../../misc/icons/000000/chevron-left.svg) left no-repeat, -webkit-linear-gradient(top, #419ff1, #1076d5);
+  background: url(../../../../misc/icons/000000/chevron-left.svg) left no-repeat, linear-gradient(to bottom, #419ff1, #1076d5); /* LTR */
+  border: 1px solid #0048c8;
+  border-radius: .4em;
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4);
+  color: #fff;
+  font-size: 0.9em;
+  line-height: normal;
+  margin: 0;
+  padding: 4px 1em 4px 0.6em; /* LTR */
+  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
+}
+[dir="rtl"] .node-preview-backlink {
+  background: url(../../../../misc/icons/000000/chevron-right.svg) right no-repeat, -webkit-linear-gradient(top, #419ff1, #1076d5);
+  background: url(../../../../misc/icons/000000/chevron-right.svg) right no-repeat, linear-gradient(to bottom, #419ff1, #1076d5);
+  padding: 4px 0.6em 4px 1em;
+  float: right;
+}
+.node-preview-backlink:focus,
+.node-preview-backlink:hover {
+  background-color: #419cf1;
+  background: url(../../../../misc/icons/000000/chevron-left.svg) left no-repeat, -webkit-linear-gradient(top, #59abf3, #2a90ef);
+  background: url(../../../../misc/icons/000000/chevron-left.svg) left no-repeat, linear-gradient(to bottom, #59abf3, #2a90ef); /* LTR */
+  border: 1px solid #0048c8;
+  text-decoration: none;
+  color: #fff;
+}
+[dir="rtl"] .node-preview-backlink:focus,
+[dir="rtl"] .node-preview-backlink:hover {
+  background: url(../../../../misc/icons/000000/chevron-right.svg) right no-repeat, -webkit-linear-gradient(top, #59abf3, #2a90ef);
+  background: url(../../../../misc/icons/000000/chevron-right.svg) right no-repeat, linear-gradient(to bottom, #59abf3, #2a90ef);
+}
+.node-preview-backlink:active {
+  background-color: #0e69be;
+  background: url(../../../../misc/icons/000000/chevron-left.svg) left no-repeat, -webkit-linear-gradient(top, #0e69be, #2a93ef);
+  background: url(../../../../misc/icons/000000/chevron-left.svg) left no-repeat, linear-gradient(to bottom, #0e69be, #2a93ef); /* LTR */
+  border: 1px solid #0048c8;
+  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .25);
+}
+[dir="rtl"] .node-preview-backlink:active {
+  background: url(../../../../misc/icons/000000/chevron-right.svg) right no-repeat, -webkit-linear-gradient(top, #0e69be, #2a93ef);
+  background: url(../../../../misc/icons/000000/chevron-right.svg) right no-repeat, linear-gradient(to bottom, #0e69be, #2a93ef);
+}
+.node-preview-backlink::before {
+  content: '';
+  width: 10px;
+  display: inline-block;
+}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/css/components/node.css	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,69 @@
+/**
+ * @file
+ * Visual styles for Bartik's node component.
+ */
+
+.node__content {
+  font-size: 1.071em;
+  margin-top: 10px;
+}
+
+/* View mode teaser styles. */
+.node--view-mode-teaser {
+  border-bottom: 1px solid #d3d7d9;
+  margin-bottom: 30px;
+  padding-bottom: 15px;
+}
+.node--view-mode-teaser h2 {
+  margin-top: 0;
+  padding-top: 0.5em;
+}
+.node--view-mode-teaser h2 a {
+  color: #181818;
+}
+.node--view-mode-teaser.node--sticky {
+  background: #f9f9f9;
+  background: rgba(0, 0, 0, 0.024);
+  border: 1px solid #d3d7d9;
+  padding: 0 15px 15px;
+}
+.node--view-mode-teaser .node__content {
+  clear: none;
+  font-size: 1em;
+  line-height: 1.6;
+}
+
+/* Node metadata styles. */
+.node__meta {
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size: 0.857em;
+  color: #68696b;
+  margin-bottom: -5px;
+}
+.node__meta .field--name-user-picture img {
+  float: left; /* LTR */
+  margin: 1px 20px 0 0; /* LTR */
+}
+[dir="rtl"] .node__meta .field--name-user-picture img {
+  float: right;
+  margin-left: 20px;
+  margin-right: 0;
+}
+
+/* Node links styles. */
+.node__links {
+  text-align: right; /* LTR */
+  font-size: 0.93em;
+}
+[dir="rtl"] .node__links {
+  text-align: left;
+}
+
+/* Unpublished node styles. */
+.node--unpublished {
+  padding: 20px 15px 0;
+}
+.node--unpublished .comment-text .comment-arrow {
+  border-left: 1px solid #fff4f4;
+  border-right: 1px solid #fff4f4;
+}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/css/components/page-title.css	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,9 @@
+/**
+ * @file
+ * Visual styles for Bartik's page-title component.
+ */
+
+.page-title {
+  font-size: 2em;
+  line-height: 1em;
+}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/css/components/pager.css	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,42 @@
+/**
+ * @file
+ * Styles for Bartik's pagination.
+ */
+
+/* Using .pager selector on the first one to override .region-content ul. */
+.pager .pager__items {
+  padding: 0;
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
+.pager__item {
+  font-size: 0.929em;
+  padding: 10px 15px;
+}
+.pager__item a {
+  display: inline-block;
+}
+.pager__item.is-active a {
+  color: #3b3b3b;
+  border-bottom: 0;
+}
+.pager__item--first,
+.pager__item--previous {
+  padding: 10px 10px 10px 0; /* LTR */
+}
+[dir="rtl"] .pager__item--first,
+[dir="rtl"] .pager__item--previous {
+  padding-left: 10px;
+  padding-right: 0;
+}
+.pager__item--ellipsis {
+  padding: 10px 0;
+}
+.pager__item--last,
+.pager__item--next {
+  padding: 10px 0 10px 10px; /* LTR */
+}
+[dir="rtl"] .pager__item--last,
+[dir="rtl"] .pager__item--next {
+  padding-left: 0;
+  padding-right: 10px;
+}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/css/components/panel.css	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,21 @@
+/**
+ * @file
+ * Panel styling. Panels are used to visually group items together.
+ */
+
+.panel {
+  background: #fbfbfb;
+  border: 1px solid #ccc;
+  margin: 10px 0;
+  padding: 0 5px 5px;
+}
+.panel__title {
+  margin: 16px 7px;
+}
+.panel__content {
+  padding: 0 4px 2px 8px; /* LTR */
+}
+[dir="rtl"] .panel__content {
+  padding-right: 8px;
+  padding-left: 4px;
+}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/css/components/password-suggestions.css	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,8 @@
+/**
+ * @file
+ * Styles for password suggestions in Bartik.
+ */
+
+.password-suggestions {
+  border: 0;
+}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/css/components/primary-menu.css	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,212 @@
+/* --------------- Primary Menu ------------ */
+
+.region-primary-menu {
+  clear: both;
+}
+.region-primary-menu .menu {
+  font-size: 0.929em;
+  margin: 0 5px;
+  padding: 0;
+  text-align: left; /* LTR */
+}
+[dir="rtl"] .region-primary-menu .menu {
+  text-align: right;
+  margin-left: 5px; /* This is required to win over specificity of [dir="rtl"] ul.menu */
+  margin-right: 5px; /* This is required to win over specificity of [dir="rtl"] ul.menu */
+}
+.region-primary-menu .menu-item {
+  float: none;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  height: auto;
+  width: 100%;
+}
+.region-primary-menu .menu a {
+  color: #333;
+  background: #ccc;
+  background: rgba(255, 255, 255, 0.7);
+  float: none;
+  display: block;
+  text-decoration: none;
+  text-shadow: 0 1px #eee;
+  border-radius: 8px;
+  margin: 4px 0;
+  padding: 0.9em 0 0.9em 10px; /* LTR */
+}
+[dir="rtl"] .region-primary-menu .menu a {
+  padding: 0.9em 10px 0.9em 0;
+}
+.region-primary-menu .menu a:hover,
+.region-primary-menu .menu a:focus {
+  background: #f6f6f2;
+  background: rgba(255, 255, 255, 0.95);
+}
+.region-primary-menu .menu a:active {
+  background: #b3b3b3;
+  background: rgba(255, 255, 255, 1);
+}
+.region-primary-menu .menu-item a.is-active {
+  border-bottom: none;
+}
+
+/* ---------- Primary Menu Toggle ----------- */
+/* Hide the toggle by default. */
+.menu-toggle,
+.menu-toggle-target {
+  display: none;
+}
+/* Unhide it for the primary menu. */
+.region-primary-menu .menu-toggle-target {
+  display: inherit;
+  position: fixed;
+  top: 0;
+}
+.region-primary-menu .menu-toggle {
+  display: none;
+}
+body:not(:target) .region-primary-menu .menu-toggle {
+  color: #333;
+  background: #ccc;
+  background: rgba(255, 255, 255, 0.7);
+  float: none;
+  font-size: 0.929em;
+  display: block;
+  text-decoration: none;
+  text-shadow: 0 1px #eee;
+  padding: 0.9em 10px 0.9em 10px;
+  z-index: 1000;
+}
+body:not(:target) .region-primary-menu .menu-toggle:after {
+  content:"";
+  background: url(../../../../misc/icons/ffffff/hamburger.svg) no-repeat;
+  background-size: contain;
+  width: 22px;
+  height: 22px;
+  display: inline-block;
+  position: absolute;
+  right: 10px; /* LTR */
+}
+[dir="rtl"] body:not(:target) .region-primary-menu .menu-toggle:after {
+  right: initial;
+  left: 10px;
+}
+body:not(:target) .region-primary-menu .menu-toggle-target-show:target ~ .menu-toggle,
+body:not(:target) .region-primary-menu .menu-toggle--hide {
+  display: none;
+}
+body:not(:target) .region-primary-menu .menu-toggle-target-show:target ~ .menu-toggle--hide {
+  display: block;
+}
+
+body:not(:target) .region-primary-menu .menu-item {
+  height: 0;
+  overflow: hidden;
+}
+body:not(:target) .region-primary-menu .menu-toggle-target-show:target ~ .menu .menu-item {
+  height: auto;
+  overflow: visible;
+}
+
+/**
+ * Media queries for primary menu.
+ */
+@media all and (min-width: 461px) and (max-width: 900px) {
+  .region-primary-menu .menu {
+    margin: 0 5px;
+    padding: 0;
+    text-align: center;
+  }
+  /* This is required to win over specificity of the global [dir="rtl"] .region-primary-menu .menu */
+  [dir="rtl"] .region-primary-menu .menu {
+    text-align: center;
+  }
+  .region-primary-menu .menu-item,
+  body:not(:target) .region-primary-menu .menu-item {
+    float: left; /* LTR */
+    margin-right: 5px; /* LTR */
+    padding: 0;
+    display: inline-block;
+    width: 32.75%;
+    height: auto;
+    overflow: visible;
+  }
+  [dir="rtl"] .region-primary-menu .menu-item,
+  [dir="rtl"] body:not(:target) .region-primary-menu .menu-item {
+    float: right;
+    margin-left: 5px;
+    margin-right: 0;
+  }
+  .region-primary-menu .menu-item:nth-child(3n) {
+    margin-right: -5px; /* LTR */
+  }
+  [dir="rtl"] .region-primary-menu .menu-item:nth-child(3n) {
+    margin-left: -5px;
+    margin-right: 0;
+  }
+  .region-primary-menu .menu a {
+    float: none;
+    display: block;
+    border-radius: 8px;
+    margin-bottom: 5px;
+    padding: 0.9em 5px;
+  }
+  /* This is required to win over specificity of the global [dir="rtl"] .region-primary-menu .menu a */
+  [dir="rtl"] .region-primary-menu .menu a {
+    padding: 0.9em 5px;
+  }
+  body:not(:target) .region-primary-menu .menu-toggle {
+    display: none;
+  }
+}
+
+@media all and (min-width: 901px) {
+  .region-primary-menu .block-menu .menu {
+    font-size: 0.929em;
+    margin: 0;
+    padding: 0 15px;
+  }
+  .region-primary-menu .menu-item,
+  body:not(:target) .region-primary-menu .menu-item {
+    float: left; /* LTR */
+    list-style: none;
+    padding: 0 1px;
+    margin: 0 1px;
+    width: auto;
+    height: auto;
+    overflow: visible;
+  }
+  [dir="rtl"] .region-primary-menu .menu-item,
+  [dir="rtl"] body:not(:target) .region-primary-menu .menu-item {
+    float: right;
+  }
+  .region-primary-menu .menu a {
+    float: left; /* LTR */
+    padding: 0.7em 0.8em;
+    margin-bottom: 0;
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+  }
+  [dir="rtl"] .region-primary-menu .menu a {
+    float: right;
+    padding: 0.7em 0.8em;
+  }
+  .featured .region-primary-menu .menu-item a:active,
+  .featured .region-primary-menu .menu-item a.is-active {
+    background: #f0f0f0;
+    background: rgba(240, 240, 240, 1.0);
+  }
+  body:not(:target) .region-primary-menu .menu-toggle {
+    display: none;
+  }
+}
+
+/**
+ * Ensures that the open mobile menu hides when the screen dimensions become
+ * 461px or wider.
+ */
+@media all and (min-width: 461px) {
+  body:not(:target) .region-primary-menu .menu-toggle-target-show:target ~ .menu-toggle--hide {
+    display: none;
+  }
+}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/css/components/search-form.css	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,40 @@
+/**
+ * @file
+ * The visual styles for Bartik's search form(s).
+ */
+
+.search-form {
+  font-size: 0.875rem;
+}
+.search-form .form-search {
+  float: left; /* LTR */
+  margin-right: 5px; /* LTR */
+  padding: 4px;
+}
+[dir="rtl"] .search-form .form-search {
+  float: right;
+  margin-left: 5px;
+  margin-right: 0;
+}
+.button.search-form__submit,
+.search-form__submit {
+  background: #f0f0f0 url(../../../../misc/icons/505050/loupe.svg) no-repeat center;
+  cursor: pointer;
+  height: 26px;
+  margin-left: 0;
+  margin-right: 0;
+  overflow: hidden;
+  padding: 0;
+  text-indent: -9999px;
+  direction: ltr;
+  width: 34px;
+}
+.button.search-form__submit:hover,
+.search-form__submit:hover,
+.button.search-form__submit:focus,
+.search-form__submit:focus {
+  background: #dedede url(../../../../misc/icons/424242/loupe.svg) no-repeat center;
+}
+.search-form .form-item-keys label {
+  display: block;
+}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/css/components/search-results.css	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,28 @@
+/**
+ * @file
+ * Visual styles for Bartik's search results.
+ */
+
+.search-results {
+  padding: 0;
+  list-style-position: inside;
+}
+.search-results li {
+  border-bottom: 1px solid #d3d7d9;
+  padding-bottom: 0.4285em;
+  margin-bottom: 0.5em;
+}
+.search-results li:last-child {
+  border-bottom: none;
+  padding-bottom: 0;
+  margin-bottom: 1em;
+}
+.search-result__title {
+  font-weight: bold;
+}
+.search-result__snippet-info {
+  padding-left: 0; /* LTR */
+}
+[dir="rtl"] .search-result__snippet-info {
+  padding-right: 0;
+}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/css/components/secondary-menu.css	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,26 @@
+/* --------------- Secondary Menu ------------ */
+
+.region-secondary-menu .menu {
+  text-align: right; /* LTR */
+  font-size: 0.929em;
+  margin: 0 10px;
+  padding: 0;
+}
+[dir="rtl"] .region-secondary-menu .menu {
+  text-align: left;
+  margin-right: 10px; /* required to win over specificity of [dir="rtl"] ul.menu */
+  margin-left: 10px;
+}
+.region-secondary-menu .menu-item {
+  margin: 0;
+  padding: 0;
+  display: inline;
+}
+.region-secondary-menu .menu a {
+  display: inline-block;
+  padding:  0.8em;
+}
+.region-secondary-menu .menu a:hover,
+.region-secondary-menu .menu a:focus {
+  text-decoration: underline;
+}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/css/components/shortcut.css	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,29 @@
+/**
+ * @file
+ * Visual styles for the Shortcut action link in Bartik.
+ */
+
+.shortcut-wrapper {
+  margin: 2.2em 0 1.1em 0; /* Same as usual .page-title margin. */
+}
+.shortcut-wrapper .page-title {
+  float: left; /* LTR */
+  margin: 0;
+}
+[dir="rtl"] .shortcut-wrapper .page-title {
+  float: right;
+}
+.shortcut-action {
+  border-bottom: none;
+  margin-left: 0.5em; /* LTR */
+  padding-top: 0.35em;
+}
+[dir="rtl"] .shortcut-action {
+  margin-left: 0;
+  margin-right: 0.5em;
+}
+.shortcut-action:hover,
+.shortcut-action:active,
+.shortcut-action:focus {
+  border-bottom: none;
+}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/css/components/sidebar.css	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,67 @@
+/* ------------------ Sidebar ----------------- */
+
+@media all and (min-width: 560px) {
+  .sidebar {
+    float: left; /* LTR */
+    position: relative;
+    width: 50%;
+  }
+  [dir="rtl"] .sidebar {
+    float: right;
+  }
+  .layout-one-sidebar .sidebar {
+    width: 100%;
+  }
+}
+@media all and (min-width: 851px) {
+  .layout-one-sidebar .sidebar {
+    width: 25%;
+  }
+  #sidebar-first {
+    width: 25%;
+    margin-left: -100%; /* LTR */
+  }
+  [dir="rtl"] #sidebar-first {
+    margin-right: -100%;
+    margin-left: 0;
+  }
+  #sidebar-second {
+    width: 25%;
+    margin-left: -25%; /* LTR */
+    clear: none;
+  }
+  [dir="rtl"] #sidebar-second {
+    margin-right: -25%;
+    margin-left: 0;
+  }
+}
+
+.sidebar .section {
+  padding: 10px 15px 0;
+}
+.sidebar .block {
+  border-style: solid;
+  border-width: 1px;
+  padding: 15px 20px;
+  margin: 0 0 20px;
+}
+.sidebar h2 {
+  margin: 0 0 0.5em;
+  border-bottom: 1px solid #d6d6d6;
+  padding-bottom: 5px;
+  text-shadow: 0 1px 0 #fff;
+  font-size: 1.071em;
+  line-height: 1.2;
+}
+.sidebar .block .content {
+  font-size: 0.914em;
+  line-height: 1.4;
+}
+.sidebar tbody {
+  border: none;
+}
+.sidebar tr.even,
+.sidebar tr.odd {
+  background: none;
+  border-bottom: 1px solid #d6d6d6;
+}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/css/components/site-branding.css	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,45 @@
+/**
+ * @file
+ * Visual styles for the site branding block in Bartik.
+ */
+
+.site-branding__logo {
+  display: inline-block;
+  margin-right: 1em; /* LTR */
+  margin-bottom: 0.286em;
+}
+[dir="rtl"] .site-branding__logo {
+  margin-right: 0;
+  margin-left: 1em;
+}
+.site-branding__text {
+  display: inline-block;
+  vertical-align: top;
+}
+@media all and (min-width: 461px) {
+  .site-branding__text {
+    margin-bottom: 1.857em;
+  }
+}
+@media all and (min-width: 901px) {
+  .site-branding__text {
+    padding: 1.286em 0 0;
+  }
+}
+.site-branding__name {
+  font-size: 1.6em;
+  color: #686868;
+  line-height: 1;
+}
+@media all and (min-width: 901px) {
+  .site-branding__name {
+    font-size: 1.821em;
+  }
+}
+.site-branding__slogan {
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size: 0.929em;
+  margin-top: 7px;
+  word-spacing: 0.1em;
+  font-style: italic;
+}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/css/components/site-footer.css	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,229 @@
+/**
+ * @file
+ * Footer Styling.
+ */
+
+.site-footer {
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  padding: 35px 0 30px;
+}
+.site-footer .layout-container {
+  padding: 0 15px;
+}
+@media all and (min-width: 560px) {
+  .site-footer__top .region {
+    float: left; /* LTR */
+    position: relative;
+    width: 50%;
+  }
+  [dir="rtl"] .site-footer__top .region {
+    float: right;
+  }
+}
+@media all and (min-width: 560px) and (max-width: 850px) {
+  .site-footer .region {
+    box-sizing: border-box;
+  }
+  .site-footer__top .region:nth-child(2n+1) {
+    padding-right: 10px; /* LTR */
+  }
+  [dir="rtl"] .site-footer__top .region:nth-child(2n+1) {
+    padding-left: 10px;
+    padding-right: 0;
+  }
+  .site-footer__top .region:nth-child(2n) {
+    padding-left: 10px; /* LTR */
+  }
+  [dir="rtl"] .site-footer__top .region:nth-child(2n) {
+    padding-left: 0;
+    padding-right: 10px;
+  }
+  .region-footer-third {
+    clear: both;
+  }
+}
+@media all and (min-width: 851px) {
+  .site-footer__top .region {
+    width: 24%;
+    padding: 0 0.65%;
+  }
+  .site-footer__top .region:first-child {
+    padding-left: 0; /* LTR */
+  }
+  [dir="rtl"] .site-footer__top .region:first-child {
+    padding-left: 10px;
+    padding-right: 0;
+  }
+  .site-footer__top .region:last-child {
+    padding-right: 0; /* LTR */
+  }
+  [dir="rtl"] .site-footer__top .region:last-child {
+    padding-left: 0;
+    padding-right: 10px;
+  }
+}
+.site-footer h2 {
+  color: #c0c0c0;
+  color: rgba(255, 255, 255, 0.65);
+}
+.site-footer blockquote {
+  color: #555;
+}
+.site-footer .content {
+  color: #c0c0c0;
+  color: rgba(255, 255, 255, 0.65);
+  font-size: 0.857em;
+}
+.site-footer .menu-item {
+  padding: 0;
+}
+.site-footer .content ol:not(.menu),
+.site-footer .content ul:not(.menu) {
+  padding-left: 1.4em; /* LTR */
+}
+[dir="rtl"] .site-footer .content ol:not(.menu),
+[dir="rtl"] .site-footer .content ul:not(.menu) {
+  padding-right: 1.4em;
+  padding-left: 0;
+}
+.site-footer .content a,
+.site-footer .content a.is-active {
+  color: #fcfcfc;
+  color: rgba(255, 255, 255, 0.8);
+}
+.site-footer .content a:hover,
+.site-footer .content a:focus {
+  color: #fefefe;
+  color: rgba(255, 255, 255, 0.95);
+}
+.site-footer .block {
+  margin: 20px 0;
+  border: 1px solid #444;
+  border-color: rgba(255, 255, 255, 0.1);
+  padding: 10px;
+}
+.site-footer table {
+  font-size: 1em;
+}
+.site-footer tr td,
+.site-footer tr th {
+  border-color: #555;
+  border-color: rgba(255, 255, 255, 0.18);
+}
+.site-footer tr.odd {
+  background-color: transparent;
+}
+.site-footer tr.even {
+  background-color: #2c2c2c;
+  background-color: rgba(0, 0, 0, 0.15);
+}
+
+/* Footer Top Styling. */
+.site-footer__top h2 {
+  border-bottom: 1px solid #555;
+  border-color: rgba(255, 255, 255, 0.15);
+  font-size: 1em;
+  margin-bottom: 0;
+  padding-bottom: 3px;
+  text-transform: uppercase;
+}
+.site-footer__top .content {
+  margin-top: 0;
+}
+.site-footer__top p {
+  margin-top: 1em;
+}
+.site-footer__top .content .menu {
+  padding-left: 0; /* LTR */
+}
+[dir="rtl"] .site-footer__top .content .menu {
+  padding-right: 0;
+}
+.site-footer__top .content li a {
+  display: block;
+  border-bottom: 1px solid #555;
+  border-color: rgba(255, 255, 255, 0.15);
+  line-height: 1.2;
+  padding: 0.8em 2px 0.8em 20px; /* LTR */
+  text-indent: -15px;
+}
+[dir="rtl"] .site-footer__top .content li a {
+  padding: 0.8em 20px 0.8em 2px;
+}
+.site-footer__top .content li a:hover,
+.site-footer__top .content li a:focus {
+  background-color: #1f1f21;
+  background-color: rgba(255, 255, 255, 0.05);
+  text-decoration: none;
+}
+.site-footer__top .block-menu,
+.site-footer__bottom .block {
+  margin: 0;
+  padding: 0;
+  border: none;
+}
+
+/* Footer Bottom Styling. */
+.site-footer__bottom .block {
+  margin: 0.5em 0;
+}
+.site-footer__bottom .content {
+  padding: 0.5em 0;
+  margin-top: 0;
+}
+.site-footer__bottom .block h2 {
+  margin: 0;
+}
+.site-footer__bottom {
+  letter-spacing: 0.2px;
+  margin-top: 30px;
+  border-top: 1px solid #555;
+  border-color: rgba(255, 255, 255, 0.15);
+}
+.site-footer__bottom .region {
+  margin-top: 20px;
+}
+.site-footer__bottom .block {
+  clear: both;
+}
+
+/* We need to be specific to overwrite [dir="rtl"] .block ul in block.css. */
+.site-footer__bottom .block .menu {
+  padding: 0;
+}
+.site-footer__bottom .menu-item a {
+  float: left; /* LTR */
+  padding: 0 12px;
+  display: block;
+  border-right: 1px solid #555; /* LTR */
+  border-color: rgba(255, 255, 255, 0.15);
+}
+[dir="rtl"] .site-footer__bottom .menu-item a {
+  float: right;
+  border-left: 1px solid #555;
+  border-right: none;
+}
+.site-footer__bottom .menu-item:first-child a {
+  padding-left: 0; /* LTR */
+}
+[dir="rtl"] .site-footer__bottom .menu-item:first-child a {
+  padding-right: 0;
+  padding-left: 12px;
+}
+.site-footer__bottom .menu-item:last-child a {
+  padding-right: 0; /* LTR */
+  border-right: none; /* LTR */
+}
+[dir="rtl"] .site-footer__bottom .menu-item:last-child a {
+  padding-left: 0;
+  padding-right: 12px;
+  border-left: none;
+}
+
+/**
+ * When the item is both first and last, :last-child overrides the right padding
+ * when using [dir="rtl"]. We need this rule to remove the right padding.
+ */
+[dir="rtl"] .site-footer__bottom .menu-item:first-child:last-child a {
+  padding-right: 0;
+}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/css/components/skip-link.css	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,25 @@
+/**
+ * @file
+ * Styles for the skip link.
+ */
+
+.skip-link {
+  left: 50%;
+  -webkit-transform: translateX(-50%);
+  -ms-transform: translateX(-50%);
+  transform: translateX(-50%);
+  z-index: 50;
+  background: #444;
+  background: rgba(0, 0, 0, 0.6);
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size: 0.94em;
+  line-height: 1.7em;
+  padding: 1px 10px 2px;
+  border-radius: 0 0 10px 10px;
+  border-bottom-width: 0;
+  outline: 0;
+}
+.skip-link.visually-hidden.focusable:focus {
+  position: absolute !important;
+  color: #fff;
+}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/css/components/table.css	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,76 @@
+/**
+ * @file
+ * Styles for Bartik's tables.
+ */
+
+table {
+  border: 0;
+  border-spacing: 0;
+  font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
+  font-size: 0.857em;
+  margin: 10px 0;
+  width: 100%;
+}
+table table {
+  font-size: 1em;
+}
+tr {
+  border-bottom: 1px solid #ccc;
+  padding: 0.1em 0.6em;
+  background: #efefef;
+  background: rgba(0, 0, 0, 0.063);
+}
+thead > tr {
+  border-bottom: 1px solid #000;
+}
+tr.odd {
+  background: #e4e4e4;
+  background: rgba(0, 0, 0, 0.105);
+}
+table tr th {
+  background: #757575;
+  background: rgba(0, 0, 0, 0.51);
+  border-bottom-style: none;
+}
+table tr th,
+table tr th a,
+table tr th a:hover,
+table tr th a:focus {
+  color: #fff;
+  font-weight: bold;
+}
+table tbody tr th {
+  vertical-align: top;
+}
+tr td,
+tr th {
+  padding: 4px 9px;
+  border: 1px solid #fff;
+  text-align: left; /* LTR */
+}
+.tabledrag-handle:hover,
+.tabledrag-handle {
+  border: none;
+}
+[dir="rtl"] tr td,
+[dir="rtl"] tr th {
+  text-align: right;
+}
+
+/**
+ * Responsive tables.
+ */
+@media screen and (max-width: 37.5em) { /* 600px */
+  th.priority-low,
+  td.priority-low,
+  th.priority-medium,
+  td.priority-medium {
+    display: none;
+  }
+}
+@media screen and (max-width: 60em) { /* 920px */
+  th.priority-low,
+  td.priority-low {
+    display: none;
+  }
+}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/css/components/tablesort-indicator.css	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,17 @@
+/**
+ * @file
+ * Tablesort indicator styles.
+ */
+
+.tablesort {
+  width: 14px;
+  height: 14px;
+  vertical-align: top;
+  margin: 1px 0 0 5px;
+}
+.tablesort--asc {
+  background-image: url(../../../../misc/icons/ffffff/twistie-down.svg);
+}
+.tablesort--desc {
+  background-image: url(../../../../misc/icons/ffffff/twistie-up.svg);
+}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/css/components/tabs.css	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,112 @@
+/* --------------- System Tabs  --------------- */
+
+div.tabs {
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  margin-bottom: 20px;
+}
+.tabs ul.primary {
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
+.tabs ul.primary li a {
+  color: #000;
+  background-color: #ededed;
+  border-color: #bbb;
+  border-style: solid solid none solid;
+  border-width: 1px;
+  height: 1.8em;
+  line-height: 1.9;
+  display: block;
+  font-size: 0.929em;
+  padding: 0 10px 3px;
+  text-shadow: 0 1px 0 #fff;
+}
+.tabs ul.primary li.is-active a {
+  background-color: #ffffff;
+  border: 1px solid #bbb;
+}
+@media screen and (max-width: 37.5em) { /* 600px */
+  .tabs ul.primary {
+    border-bottom: 1px solid #bbb;
+  }
+  .tabs ul.primary li {
+    display: block;
+    margin: 0;
+  }
+  .tabs ul.primary li a {
+    padding: 5px 10px;
+  }
+  .tabs ul.primary li.is-active a {
+    border-bottom: none;
+  }
+}
+@media screen and (min-width: 37.5em) { /* 600px */
+  .tabs ul.primary {
+    border-collapse: collapse;
+    height: auto;
+    line-height: normal;
+    padding: 0 3px;
+    margin: 0;
+    overflow: hidden;
+    border: none;
+    background: transparent url(../../images/tabs-border.png) repeat-x left bottom;
+    white-space: nowrap;
+  }
+  .tabs ul.primary li {
+    display: block;
+    float: left; /* LTR */
+    vertical-align: bottom;
+    margin: 0 5px 0 0; /* LTR */
+  }
+  [dir="rtl"] .tabs ul.primary li {
+    margin: 0 0 0 5px;
+    float: right;
+  }
+  .tabs ul.primary li a {
+    float: left; /* not LTR */
+    border-top-left-radius: 6px;
+    border-top-right-radius: 6px;
+  }
+  .tabs ul.primary li.is-active a {
+    border-bottom: 1px solid #fff;
+  }
+}
+.tabs ul.secondary {
+  border-bottom: none;
+  margin: 5px;
+  padding: 0.5em 0;
+  overflow: hidden;
+}
+.tabs ul.secondary li {
+  border-right: 1px solid #ccc; /* LTR */
+  display: block;
+  float: left; /* LTR */
+  margin: 0;
+  padding: 0 1em;
+}
+[dir="rtl"] .tabs ul.secondary li {
+  border-left: 1px solid #ccc;
+  border-right: none;
+  float: right;
+}
+.tabs ul.secondary li:last-child {
+  border-right: none; /* LTR */
+}
+[dir="rtl"] .tabs ul.secondary li:last-child {
+  border-left: none;
+}
+.tabs ul.secondary li:first-child {
+  padding-left: 0; /* LTR */
+}
+[dir="rtl"] .tabs ul.secondary li:first-child {
+  padding-right: 0;
+}
+.tabs ul.secondary li a {
+  display: inline;
+  padding: 0.25em 0.5em;
+  text-decoration: none;
+}
+.tabs ul.secondary li a.is-active {
+  background: #f2f2f2;
+  border-bottom: none;
+  border-radius: 5px;
+}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/css/components/text-formatted.css	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,15 @@
+/**
+ * @file
+ *
+ * Visual styles for Bartik's text-formatted component.
+ */
+
+.text-formatted ul,
+.text-formatted ol {
+  margin: 1em 0;
+  padding: 0 0 0.25em 15px; /* LTR */
+}
+[dir="rtl"] .text-formatted ul,
+[dir="rtl"] .text-formatted ol {
+  padding: 0 15px 0.25em 0;
+}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/css/components/toolbar.css	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,8 @@
+/**
+ * @file
+ * Toolbar module overrides for Bartik.
+ */
+
+.toolbar a {
+  border-bottom: none;
+}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/css/components/ui-dialog.css	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,34 @@
+/**
+ * @file
+ * Styles for Bartik's modal windows
+ */
+
+.ui-widget-overlay {
+  background: #000;
+  opacity: 0.7;
+}
+.ui-dialog {
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  border-radius: 0;
+}
+.ui-dialog input,
+.ui-dialog select,
+.ui-dialog textarea {
+  font-size: 0.9em;
+}
+.ui-dialog .button {
+  background-color: #fff;
+  background-image: -webkit-linear-gradient(top,#f3f3f3,#e8e8e8);
+  background-image: linear-gradient(to bottom,#f3f3f3,#e8e8e8);
+  border: 1px solid #e4e4e4;
+  border-bottom-color: #b4b4b4;
+  border-left-color: #d2d2d2;
+  border-right-color: #d2d2d2;
+  color: #3a3a3a;
+  cursor: pointer;
+  font-size: 0.929em;
+  font-weight: normal;
+  text-align: center;
+  padding: 0.250em 1.063em;
+  border-radius: 1em;
+}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/css/components/ui.widget.css	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,8 @@
+/**
+ * @file
+ * Visual styles for Bartik's ui-widget component.
+ */
+
+#page .ui-widget {
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/css/components/vertical-tabs.component.css	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,16 @@
+/**
+ * @file
+ * Vertical tabs component.
+ */
+
+/* Vertical Tabs Reset */
+.vertical-tabs__menu {
+  margin: -1px 0 -1px -15em; /* LTR */
+  padding: 0;
+}
+[dir="rtl"] .vertical-tabs__menu {
+  margin-left: 0;
+  margin-right: -15em;
+  /* This is required to win specificity over [dir="rtl"] .region-content ul */
+  padding: 0;
+}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/css/components/views.css	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,35 @@
+/**
+ * @file
+ * Styling for Views in Bartik.
+ */
+
+/* Tab styles */
+.views-displays .tabs .open > a {
+  border-radius: 7px 7px 0 0;
+}
+.views-displays .tabs .open > a:hover,
+.views-displays .tabs .open > a:focus {
+  color: #0071B3;
+}
+.views-displays .secondary .form-submit {
+  font-size: 0.846em;
+}
+
+/* Tabs action list styles */
+.views-displays .tabs .action-list {
+  padding: 0;
+}
+
+/* Contextual filter options styles */
+.views-filterable-options .filterable-option:nth-of-type(even) .form-type-checkbox {
+  background-color: #F9F9F9;
+}
+
+/* Views action dropbutton styles */
+.views-ui-display-tab-actions .dropbutton .form-submit {
+  color: #0071B3;
+}
+.views-ui-display-tab-actions .dropbutton .form-submit:hover,
+.views-ui-display-tab-actions .dropbutton .form-submit:focus {
+  color: #018FE2;
+}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/css/layout.css	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,30 @@
+/**
+ * @file
+ * Bartik layout styling.
+ */
+
+/**
+ * Container
+ */
+.layout-container {
+  max-width: 860px;
+  margin-left: auto;
+  margin-right: auto;
+  box-sizing: border-box;
+}
+@media all and (min-width: 851px) {
+  .layout-container {
+    max-width: 1290px;
+  }
+}
+
+/**
+ * Main
+ */
+.layout-main-wrapper {
+  min-height: 300px;
+}
+.layout-main {
+  margin-top: 20px;
+  margin-bottom: 40px;
+}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/css/maintenance-page.css	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,69 @@
+body.maintenance-page {
+  background-color: #fff;
+  color: #000;
+}
+.maintenance-page #page-wrapper {
+  background: #fff;
+  margin-left: auto;
+  margin-right: auto;
+  min-width: 0;
+  min-height: 0;
+  border: 1px solid #ddd;
+  margin-top: 40px;
+}
+.maintenance-page #page {
+  margin: 10px;
+}
+.maintenance-page #main-wrapper {
+  min-height: inherit;
+}
+.maintenance-page #header {
+  width: auto;
+}
+.maintenance-page #main {
+  margin: 0;
+}
+.maintenance-page .content .section {
+  padding: 0 0 0 10px; /* LTR */
+}
+[dir="rtl"] .maintenance-page .content .section {
+  padding-left: 0;
+  padding-right: 10px;
+}
+.maintenance-page #header {
+  background-color: #fff;
+  background-image: none;
+}
+.maintenance-page .site-branding-text {
+  margin-bottom: 50px;
+  margin-left: 0; /* LTR */
+  padding-top: 20px;
+  font-size: 90%;
+}
+[dir="rtl"] .maintenance-page .site-branding-text {
+  margin-right: 0;
+}
+.maintenance-page .site-branding-text,
+.maintenance-page .site-branding-text a,
+.maintenance-page .site-branding-text a:hover,
+.maintenance-page .site-branding-text a:focus {
+  color: #777;
+}
+.maintenance-page .page-title {
+  line-height: 1em;
+  margin-top: 0;
+}
+@media all and (min-width: 800px) {
+  .maintenance-page #page-wrapper {
+    width: 800px;
+  }
+  .maintenance-page #header div.section,
+  .maintenance-page #main {
+    width: 700px;
+  }
+}
+@media all and (min-width: 600px) { /* @TODO find the proper breakpoint */
+  .maintenance-page #page {
+    margin: 20px 40px 40px;
+  }
+}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/css/print.css	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,48 @@
+
+/* ---------- General Layout ---------- */
+
+body,
+input,
+textarea,
+select {
+  color: #000;
+  background: none;
+}
+body.two-sidebars,
+body.sidebar-first,
+body.sidebar-second,
+body {
+  width: 640px;
+}
+#sidebar-first,
+#sidebar-second,
+.navigation,
+#toolbar,
+.site-footer,
+.tabs,
+.shortcut-action {
+  display: none;
+}
+.one-sidebar .main-content,
+.two-sidebars .main-content {
+  width: 100%;
+}
+.featured-bottom {
+  width: 960px;
+  margin: 0;
+  padding: 0;
+  border: none;
+}
+.featured-bottom-first,
+.featured-bottom-second,
+.featured-bottom-third {
+  width: 250px;
+}
+
+/* ---------- Node Pages ---------- */
+
+#comments .title,
+#comments form,
+.comment-forbidden {
+  display: none;
+}
Binary file themes/isobartik/images/add.png has changed
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/images/required.svg	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill="#ffffff" fill-opacity="0.7" d="M0,7.562l1.114-3.438c2.565,0.906,4.43,1.688,5.59,2.35C6.398,3.553,6.237,1.544,6.22,0.447h3.511 c-0.05,1.597-0.234,3.6-0.558,6.003c1.664-0.838,3.566-1.613,5.714-2.325L16,7.562c-2.05,0.678-4.06,1.131-6.028,1.356 c0.984,0.856,2.372,2.381,4.166,4.575l-2.906,2.059c-0.935-1.274-2.041-3.009-3.316-5.206c-1.194,2.275-2.244,4.013-3.147,5.206 l-2.856-2.059c1.872-2.307,3.211-3.832,4.017-4.575C3.849,8.516,1.872,8.062,0,7.562"/></svg>
Binary file themes/isobartik/images/tabs-border.png has changed
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/isobartik.breakpoints.yml	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,18 @@
+isobartik.mobile:
+  label: mobile
+  mediaQuery: ''
+  weight: 0
+  multipliers:
+    - 1x
+isobartik.narrow:
+  label: narrow
+  mediaQuery: 'all and (min-width: 560px) and (max-width: 850px)'
+  weight: 1
+  multipliers:
+    - 1x
+isobartik.wide:
+  label: wide
+  mediaQuery: 'all and (min-width: 851px)'
+  weight: 2
+  multipliers:
+    - 1x
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/isobartik.info.yml	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,34 @@
+name: IsoBartik
+type: theme
+base theme: classy
+description: 'Isophonics version of Bartik theme.'
+package: Isophonics
+version: VERSION
+core: 8.x
+libraries:
+  - bartik/global-styling
+ckeditor_stylesheets:
+  - css/base/elements.css
+  - css/components/captions.css
+  - css/components/table.css
+  - css/components/text-formatted.css
+regions:
+  header: Header
+  primary_menu: 'Primary menu'
+  secondary_menu: 'Secondary menu'
+  page_top: 'Page top'
+  page_bottom: 'Page bottom'
+  highlighted: Highlighted
+  featured_top: 'Featured top'
+  breadcrumb: Breadcrumb
+  content: Content
+  sidebar_first: 'Sidebar first'
+  sidebar_second: 'Sidebar second'
+  featured_bottom_first: 'Featured bottom first'
+  featured_bottom_second: 'Featured bottom second'
+  featured_bottom_third: 'Featured bottom third'
+  footer_first: 'Footer first'
+  footer_second: 'Footer second'
+  footer_third: 'Footer third'
+  footer_fourth: 'Footer fourth'
+  footer_fifth: 'Footer fifth'
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/isobartik.libraries.yml	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,87 @@
+global-styling:
+  version: VERSION
+  css:
+    base:
+      css/base/elements.css: {}
+    component:
+      css/components/block.css: {}
+      css/components/book.css: {}
+      css/components/breadcrumb.css: {}
+      css/components/captions.css: {}
+      css/components/comments.css: {}
+      css/components/contextual.css: {}
+      css/components/demo-block.css: {}
+      # @see https://www.drupal.org/node/2389735
+      css/components/dropbutton.component.css: {}
+      css/components/featured-top.css: {}
+      css/components/feed-icon.css: {}
+      css/components/field.css: {}
+      css/components/form.css: {}
+      css/components/forum.css: {}
+      css/components/header.css: {}
+      css/components/help.css: {}
+      css/components/highlighted.css: {}
+      css/components/item-list.css: {}
+      css/components/list-group.css: {}
+      css/components/list.css: {}
+      css/components/main-content.css: {}
+      css/components/menu.css: {}
+      css/components/messages.css: {}
+      css/components/node.css: {}
+      css/components/node-preview.css: {}
+      css/components/page-title.css: {}
+      css/components/pager.css: {}
+      css/components/panel.css: {}
+      css/components/primary-menu.css: {}
+      css/components/search-form.css: {}
+      css/components/search-results.css: {}
+      css/components/secondary-menu.css: {}
+      css/components/shortcut.css: {}
+      css/components/skip-link.css: {}
+      css/components/sidebar.css: {}
+      css/components/site-branding.css: {}
+      css/components/site-footer.css: {}
+      css/components/table.css: {}
+      css/components/tablesort-indicator.css: {}
+      css/components/tabs.css: {}
+      css/components/text-formatted.css: {}
+      css/components/toolbar.css: {}
+      css/components/featured-bottom.css: {}
+      css/components/password-suggestions.css: {}
+      css/components/ui.widget.css: {}
+      # @see https://www.drupal.org/node/2389735
+      css/components/vertical-tabs.component.css: {}
+      css/components/views.css: {}
+      css/components/buttons.css: {}
+      css/components/image-button.css: {}
+      css/components/ui-dialog.css: {}
+    layout:
+      css/layout.css: {}
+    theme:
+      css/colors.css: {}
+      css/print.css: { media: print }
+
+messages:
+  version: VERSION
+  css:
+    component:
+      css/components/messages.css: { preprocess: false }
+
+color.preview:
+  version: VERSION
+  css:
+    theme:
+      color/preview.css: {}
+  js:
+    color/preview.js: {}
+  dependencies:
+    - color/drupal.color
+
+maintenance_page:
+  version: VERSION
+  css:
+    theme:
+      css/maintenance-page.css: {}
+  dependencies:
+    - system/maintenance
+    - bartik/global-styling
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/isobartik.theme	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,125 @@
+<?php
+
+/**
+ * @file
+ * Functions to support theming in the Bartik theme.
+ */
+
+use Drupal\Core\Form\FormStateInterface;
+use Drupal\Core\Template\Attribute;
+
+/**
+ * Implements hook_preprocess_HOOK() for HTML document templates.
+ *
+ * Adds body classes if certain regions have content.
+ */
+function isobartik_preprocess_html(&$variables) {
+  // Add information about the number of sidebars.
+  if (!empty($variables['page']['sidebar_first']) && !empty($variables['page']['sidebar_second'])) {
+    $variables['attributes']['class'][] = 'layout-two-sidebars';
+  }
+  elseif (!empty($variables['page']['sidebar_first'])) {
+    $variables['attributes']['class'][] = 'layout-one-sidebar';
+    $variables['attributes']['class'][] = 'layout-sidebar-first';
+  }
+  elseif (!empty($variables['page']['sidebar_second'])) {
+    $variables['attributes']['class'][] = 'layout-one-sidebar';
+    $variables['attributes']['class'][] = 'layout-sidebar-second';
+  }
+  else {
+    $variables['attributes']['class'][] = 'layout-no-sidebars';
+  }
+
+  if (!empty($variables['page']['featured_top'])) {
+    $variables['attributes']['class'][] = 'has-featured-top';
+  }
+
+}
+
+/**
+ * Implements hook_preprocess_HOOK() for page templates.
+ */
+function isobartik_preprocess_page_title(&$variables) {
+  // Since the title and the shortcut link are both block level elements,
+  // positioning them next to each other is much simpler with a wrapper div.
+  if (!empty($variables['title_suffix']['add_or_remove_shortcut']) && $variables['title']) {
+    // Add a wrapper div using the title_prefix and title_suffix render
+    // elements.
+    $variables['title_prefix']['shortcut_wrapper'] = [
+      '#markup' => '<div class="shortcut-wrapper clearfix">',
+      '#weight' => 100,
+    ];
+    $variables['title_suffix']['shortcut_wrapper'] = [
+      '#markup' => '</div>',
+      '#weight' => -99,
+    ];
+    // Make sure the shortcut link is the first item in title_suffix.
+    $variables['title_suffix']['add_or_remove_shortcut']['#weight'] = -100;
+  }
+}
+
+/**
+ * Implements hook_preprocess_HOOK() for maintenance-page.html.twig.
+ */
+function isobartik_preprocess_maintenance_page(&$variables) {
+  // By default, site_name is set to Drupal if no db connection is available
+  // or during site installation. Setting site_name to an empty string makes
+  // the site and update pages look cleaner.
+  // @see template_preprocess_maintenance_page
+  if (!$variables['db_is_active']) {
+    $variables['site_name'] = '';
+  }
+
+  // Bartik has custom styling for the maintenance page.
+  $variables['#attached']['library'][] = 'bartik/maintenance_page';
+}
+
+/**
+ * Implements hook_preprocess_HOOK() for node.html.twig.
+ */
+function isobartik_preprocess_node(&$variables) {
+  // Remove the "Add new comment" link on teasers or when the comment form is
+  // displayed on the page.
+  if ($variables['teaser'] || !empty($variables['content']['comments']['comment_form'])) {
+    unset($variables['content']['links']['comment']['#links']['comment-add']);
+  }
+}
+
+/**
+ * Implements hook_preprocess_HOOK() for block.html.twig.
+ */
+function isobartik_preprocess_block(&$variables) {
+  // Add a clearfix class to system branding blocks.
+  if ($variables['plugin_id'] == 'system_branding_block') {
+    $variables['attributes']['class'][] = 'clearfix';
+  }
+}
+
+/**
+ * Implements hook_preprocess_HOOK() for menu.html.twig.
+ */
+function isobartik_preprocess_menu(&$variables) {
+  $variables['attributes']['class'][] = 'clearfix';
+}
+
+/**
+ * Implements hook_theme_suggestions_HOOK_alter() for form templates.
+ */
+function isobartik_theme_suggestions_form_alter(array &$suggestions, array $variables) {
+  if ($variables['element']['#form_id'] == 'search_block_form') {
+    $suggestions[] = 'form__search_block_form';
+  }
+}
+
+/**
+ * Implements hook_form_alter() to add classes to the search form.
+ */
+function isobartik_form_alter(&$form, FormStateInterface $form_state, $form_id) {
+  if (in_array($form_id, ['search_block_form', 'search_form'])) {
+    $key = ($form_id == 'search_block_form') ? 'actions' : 'basic';
+    if (!isset($form[$key]['submit']['#attributes'])) {
+      $form[$key]['submit']['#attributes'] = new Attribute();
+    }
+    $form[$key]['submit']['#attributes']->addClass('search-form__submit');
+  }
+}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/logo.svg	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="57" height="66" viewBox="471.5 467 57 66" enable-background="new 471.5 467 57 66"><path opacity=".2" fill="#303030" d="M528.5 504.965c0 16.634-13.123 27.615-28.24 27.615-10.29 0-19.894-5.523-24.978-14.167l.605-.027c1.313 1.192 3.39 2.58 7.404 2.515 4.77-.064 5.645-.875 9.855-2.756 22.716-10.17 26.925-19.457 27.736-21.59s2.013-5.587.756-9.415c-.242-.737-.42-1.333-.54-1.808-3.018-3.372-6.017-5.225-6.92-5.784-.14-.093-.29-.177-.43-.26l.44.26c2.01 1.247 14.314 8.782 14.314 25.417z"/><path fill="#fff" d="M509.09 518.507c1.006 0 2.077.065 2.83.568.756.503 1.193 1.63 1.445 2.263.25.634 0 1.006-.503 1.258-.438.25-.503.12-.94-.69-.44-.81-.82-1.63-3.01-1.63s-2.887.755-3.948 1.63c-1.062.876-1.443 1.193-1.825.69s-.253-1.006.437-1.63 1.825-1.63 2.888-2.077c1.06-.45 1.62-.383 2.625-.383zm-10.413 7.152c1.257 1.005 3.14 1.825 7.153 1.825 4.015 0 6.836-1.137 8.094-2.077.568-.438.82-.065.875.187.056.25.186.624-.252 1.07-.316.317-3.194 2.33-6.594 2.636-3.4.31-7.964.504-10.73-2.01-.438-.44-.316-1.07 0-1.323.317-.25.568-.438.94-.438.374.008.317.008.513.13z"/><path opacity=".2" fill="#aaa" d="M520.89 496.545c-.81 2.133-5.02 11.42-27.735 21.59-4.21 1.88-5.085 2.69-9.854 2.756-4.013.066-6.09-1.32-7.403-2.514l-.605.028h-.01c-2.393-4.042-3.78-8.783-3.78-13.952 0-7.852 2.97-13.654 6.287-17.687.11-.13.213-.26.325-.382 2.683-3.148 5.55-5.17 7.218-6.203.038-.028.075-.047.112-.065.42-.25.754-.447.987-.568 2.757-1.51 4.77-2.263 7.963-4.77.12-.092.242-.186.354-.288l.008-.01c.875-.754 1.64-1.76 2.18-3.4v-.008c.325-.97.567-2.16.716-3.65l.02.018c2.253 2.69 4.954 5.886 6.89 7.144.69.447 1.38.848 2.068 1.202l.3.15c2.243 1.126 4.507 1.945 6.807 3.333l.428.26c.903.56 3.902 2.412 6.92 5.784.12.475.298 1.07.54 1.807 1.274 3.837.073 7.292-.737 9.425z"/><path opacity=".5" fill="#333" d="M514.176 479.538c-3.26-2.077-6.464-2.887-9.603-4.955-1.938-1.267-4.64-4.47-6.893-7.162-.438 4.332-1.686 6.148-3.26 7.35-3.195 2.515-5.207 3.26-7.963 4.77-2.338 1.256-14.958 8.726-14.958 24.913 0 5.17 1.387 9.91 3.77 13.96 5.077 8.635 14.68 14.158 24.97 14.158 15.126 0 28.24-10.98 28.24-27.614 0-9.127-3.707-15.526-7.386-19.633-3.016-3.382-6.015-5.217-6.918-5.785zm7.627 7.34c4.117 5.15 6.213 11.23 6.213 18.077 0 3.968-.755 7.712-2.245 11.148-1.414 3.25-3.444 6.13-6.053 8.56-5.15 4.806-12.062 7.45-19.475 7.45-3.67 0-7.265-.698-10.692-2.086-3.372-1.36-6.398-3.297-9.016-5.774-5.532-5.225-8.57-12.257-8.57-19.8 0-6.716 2.18-12.695 6.483-17.753 3.288-3.865 6.836-6.007 8.196-6.743.67-.363 1.285-.69 1.89-.997 1.892-.97 3.68-1.89 6.14-3.818 1.312-.997 2.71-2.58 3.305-6.585 2.077 2.468 4.48 5.234 6.314 6.426 1.63 1.08 3.307 1.835 4.918 2.562 1.527.69 3.11 1.406 4.676 2.403l.056.037c4.62 2.84 7.06 5.896 7.86 6.892z"/><path opacity=".5" fill="#fff" d="M497.98 468.678c.874 2.58.753 3.893.753 4.452 0 .56-.307 2.077-1.313 2.832-.438.317-.568.568-.568.624 0 .25.568.438.568 1.006 0 .69-.317 2.077-3.642 5.393-3.325 3.316-8.103 6.278-11.8 8.103-3.698 1.826-5.468 1.686-5.97.81s.185-2.83 2.514-5.392l9.667-6.278 9.164-6.398.503-2.44"/><path fill="#fff" d="M497.98 468.613c-.57 4.145-1.826 5.393-3.512 6.715-2.83 2.133-5.588 3.446-6.212 3.763-1.63.82-7.535 4.08-10.608 8.784-.94 1.444 0 2.012.186 2.133.187.12 2.33.372 6.9-2.385 4.574-2.757 6.595-4.387 9.175-7.078 1.377-1.444 1.573-2.263 1.573-2.636 0-.438-.316-.624-.82-.754-.25-.065-.316-.187 0-.373.317-.186 1.622-.82 1.938-1.07.318-.25 1.827-1.257 1.882-2.887.065-1.63-.056-2.766-.503-4.21zm-14.112 45.628c.065-4.898 4.648-9.472 10.422-9.536 7.348-.065 12.424 7.283 16.13 7.208 3.14-.064 9.166-6.212 12.118-6.212 3.14 0 4.014 3.26 4.014 5.206 0 1.938-.623 5.458-2.133 7.656-1.51 2.198-2.44 3.008-4.2 2.888-2.264-.187-6.78-7.21-9.67-7.35-3.64-.12-11.547 7.6-17.75 7.6-3.763 0-4.9-.567-6.147-1.378-1.92-1.312-2.85-3.315-2.785-6.08z"/></svg>
Binary file themes/isobartik/screenshot.png has changed
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/templates/block--search-form-block.html.twig	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,23 @@
+{% extends "@classy/block/block--search-form-block.html.twig" %}
+{#
+/**
+ * @file
+ * Bartik's theme implementation for a search form block. Extends Classy's
+ * search form block template.
+ *
+ * Available variables:
+ * - content: The content of this block.
+ * - content_attributes: A list of HTML attributes applied to the main content
+ *   tag that appears in the template.
+ *
+ * @see template_preprocess_block()
+ * @see search_preprocess_block()
+ *
+ * @ingroup themeable
+ */
+#}
+{% block content %}
+  <div{{ content_attributes.addClass('content', 'container-inline') }}>
+    {{ parent() }}
+  </div>
+{% endblock %}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/templates/block--system-branding-block.html.twig	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,35 @@
+{% extends "block.html.twig" %}
+{#
+/**
+ * @file
+ * Bartik's theme implementation for a branding block.
+ *
+ * Each branding element variable (logo, name, slogan) is only available if
+ * enabled in the block configuration.
+ *
+ * Available variables:
+ * - site_logo: Logo for site as defined in Appearance or theme settings.
+ * - site_name: Name for site as defined in Site information settings.
+ * - site_slogan: Slogan for site as defined in Site information settings.
+ */
+#}
+{% set attributes = attributes.addClass('site-branding') %}
+{% block content %}
+  {% if site_logo %}
+    <a href="{{ path('<front>') }}" title="{{ 'Home'|t }}" rel="home" class="site-branding__logo">
+      <img src="{{ site_logo }}" alt="{{ 'Home'|t }}" />
+    </a>
+  {% endif %}
+  {% if site_name or site_slogan %}
+    <div class="site-branding__text">
+      {% if site_name %}
+        <div class="site-branding__name">
+          <a href="{{ path('<front>') }}" title="{{ 'Home'|t }}" rel="home">{{ site_name }}</a>
+        </div>
+      {% endif %}
+      {% if site_slogan %}
+        <div class="site-branding__slogan">{{ site_slogan }}</div>
+      {% endif %}
+    </div>
+  {% endif %}
+{% endblock %}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/templates/block--system-menu-block.html.twig	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,21 @@
+{% extends "@classy/block/block--system-menu-block.html.twig" %}
+{#
+/**
+ * @file
+ * Bartik's theme implementation for a menu block.
+ *
+ * @ingroup themeable
+ */
+#}
+{% set show_anchor = "show-" ~ attributes.id|clean_id %}
+{% set hide_anchor = "hide-" ~ attributes.id|clean_id %}
+{% block content %}
+  <div{{ content_attributes.addClass('content') }}>
+    {# When rendering a menu without label, render a menu toggle. #}
+    <div class="menu-toggle-target menu-toggle-target-show" id="{{ show_anchor }}"></div>
+    <div class="menu-toggle-target" id="{{ hide_anchor }}"></div>
+    <a class="menu-toggle" href="#{{ show_anchor }}">{% trans %} Show &mdash; {{ configuration.label }}{% endtrans %}</a>
+    <a class="menu-toggle menu-toggle--hide" href="#{{ hide_anchor }}">{% trans %} Hide &mdash; {{ configuration.label }}{% endtrans %}</a>
+    {{ content }}
+  </div>
+{% endblock %}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/templates/block.html.twig	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,50 @@
+{#
+/**
+ * @file
+ * Default theme implementation to display a block.
+ *
+ * Available variables:
+ * - plugin_id: The ID of the block implementation.
+ * - label: The configured label of the block if visible.
+ * - configuration: A list of the block's configuration values.
+ *   - label: The configured label for the block.
+ *   - label_display: The display settings for the label.
+ *   - provider: The module or other provider that provided this block plugin.
+ *   - Block plugin specific settings will also be stored here.
+ * - content: The content of this block.
+ * - attributes: array of HTML attributes populated by modules, intended to
+ *   be added to the main container tag of this template.
+ *   - id: A valid HTML ID and guaranteed unique.
+ * - title_attributes: Same as attributes, except applied to the main title
+ *   tag that appears in the template.
+ * - content_attributes: Same as attributes, except applied to the main content
+ *   tag that appears in the template.
+ * - title_prefix: Additional output populated by modules, intended to be
+ *   displayed in front of the main title tag that appears in the template.
+ * - title_suffix: Additional output populated by modules, intended to be
+ *   displayed after the main title tag that appears in the template.
+ *
+ * @see template_preprocess_block()
+ *
+ * @ingroup themeable
+ */
+#}
+{%
+  set classes = [
+    'block',
+    'block-' ~ configuration.provider|clean_class,
+    'block-' ~ plugin_id|clean_class,
+  ]
+%}
+<div{{ attributes.addClass(classes) }}>
+  {{ title_prefix }}
+  {% if label %}
+    <h2{{ title_attributes }}>{{ label }}</h2>
+  {% endif %}
+  {{ title_suffix }}
+  {% block content %}
+    <div{{ content_attributes.addClass('content') }}>
+      {{ content }}
+    </div>
+  {% endblock %}
+</div>
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/templates/comment.html.twig	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,108 @@
+{#
+/**
+ * @file
+ * Bartik's theme implementation for comments.
+ *
+ * Available variables:
+ * - author: Comment author. Can be a link or plain text.
+ * - content: The content-related items for the comment display. Use
+ *   {{ content }} to print them all, or print a subset such as
+ *   {{ content.field_example }}. Use the following code to temporarily suppress
+ *   the printing of a given child element:
+ *   @code
+ *   {{ content|without('field_example') }}
+ *   @endcode
+ * - created: Formatted date and time for when the comment was created.
+ *   Preprocess functions can reformat it by calling format_date() with the
+ *   desired parameters on the 'comment.created' variable.
+ * - changed: Formatted date and time for when the comment was last changed.
+ *   Preprocess functions can reformat it by calling format_date() with the
+ *   desired parameters on the 'comment.changed' variable.
+ * - permalink: Comment permalink.
+ * - submitted: Submission information created from author and created
+ *   during template_preprocess_comment().
+ * - user_picture: The comment author's profile picture.
+ * - status: Comment status. Possible values are:
+ *   unpublished, published, or preview.
+ * - title: Comment title, linked to the comment.
+ * - attributes: HTML attributes for the containing element.
+ *   The attributes.class may contain one or more of the following classes:
+ *   - comment: The current template type; e.g., 'theming hook'.
+ *   - by-anonymous: Comment by an unregistered user.
+ *   - by-{entity-type}-author: Comment by the author of the parent entity,
+ *     eg. by-node-author.
+ *   - preview: When previewing a new or edited comment.
+ *   The following applies only to viewers who are registered users:
+ *   - unpublished: An unpublished comment visible only to administrators.
+ * - title_prefix: Additional output populated by modules, intended to be
+ *   displayed in front of the main title tag that appears in the template.
+ * - title_suffix: Additional output populated by modules, intended to be
+ *   displayed after the main title tag that appears in the template.
+ * - title_attributes: Same as attributes, except applied to the main title
+ *   tag that appears in the template.
+ * - content_attributes: List of classes for the styling of the comment content.
+ * - threaded: A flag indicating whether the comments are threaded or not.
+ *
+ * These variables are provided to give context about the parent comment (if
+ * any):
+ * - comment_parent: Full parent comment entity (if any).
+ * - parent_author: Equivalent to author for the parent comment.
+ * - parent_created: Equivalent to created for the parent comment.
+ * - parent_changed: Equivalent to changed for the parent comment.
+ * - parent_title: Equivalent to title for the parent comment.
+ * - parent_permalink: Equivalent to permalink for the parent comment.
+ * - parent: A text string of parent comment submission information created from
+ *   'parent_author' and 'parent_created' during template_preprocess_comment().
+ *   This information is presented to help screen readers follow lengthy
+ *   discussion threads. You can hide this from sighted users using the class
+ *   visually-hidden.
+ *
+ * These two variables are provided for context:
+ * - comment: Full comment object.
+ * - entity: Entity the comments are attached to.
+ *
+ * @see template_preprocess_comment()
+ */
+#}
+{%
+  set classes = [
+    'comment',
+    'js-comment',
+    status != 'published' ? 'comment--' ~ status,
+    comment.owner.anonymous ? 'by-anonymous',
+    author_id and author_id == commented_entity.getOwnerId() ? 'by-' ~ commented_entity.getEntityTypeId() ~ '-author',
+    'clearfix',
+  ]
+%}
+<article role="article"{{ attributes.addClass(classes)|without('role') }}>
+  {#
+    Hide the "new" indicator by default, let a piece of JavaScript ask the
+    server which comments are new for the user. Rendering the final "new"
+    indicator here would break the render cache.
+  #}
+  <span class="hidden" data-comment-timestamp="{{ new_indicator_timestamp }}"></span>
+
+  <footer class="comment__meta">
+    {{ user_picture }}
+    <p class="comment__author">{{ author }}</p>
+    <p class="comment__time">{{ created }}</p>
+    <p class="comment__permalink">{{ permalink }}</p>
+    {#
+      Indicate the semantic relationship between parent and child comments
+      for accessibility. The list is difficult to navigate in a screen
+      reader without this information.
+    #}
+    {% if parent %}
+      <p class="visually-hidden">{{ parent }}</p>
+    {% endif %}
+  </footer>
+
+  <div{{ content_attributes.addClass('comment__content') }}>
+    {% if title %}
+      {{ title_prefix }}
+      <h3{{ title_attributes }}>{{ title }}</h3>
+      {{ title_suffix }}
+    {% endif %}
+    {{ content }}
+  </div>
+</article>
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/templates/field--node--field-tags.html.twig	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,47 @@
+{#
+/**
+ * @file
+ * Bartik theme override for taxonomy term fields.
+ *
+ * Available variables:
+ * - attributes: HTML attributes for the containing element.
+ * - label_hidden: Whether to show the field label or not.
+ * - title_attributes: HTML attributes for the label.
+ * - label: The label for the field.
+ * - content_attributes: HTML attributes for the content.
+ * - items: List of all the field items. Each item contains:
+ *   - attributes: List of HTML attributes for each item.
+ *   - content: The field item's content.
+ * - entity_type: The entity type to which the field belongs.
+ * - field_name: The name of the field.
+ * - field_type: The type of the field.
+ * - label_display: The display settings for the label.
+ *
+ * @see template_preprocess_field()
+ */
+#}
+{%
+  set classes = [
+    'field',
+    'field--name-' ~ field_name|clean_class,
+    'field--type-' ~ field_type|clean_class,
+    'field--label-' ~ label_display,
+    'clearfix',
+  ]
+%}
+{%
+  set title_classes = [
+    'field__label',
+    label_display == 'inline' ? 'inline',
+  ]
+%}
+<div{{ attributes.addClass(classes) }}>
+  {% if not label_hidden %}
+    <h3{{ title_attributes.addClass(title_classes) }}>{{ label }}</h3>
+  {% endif %}
+  <ul class="links field__items">
+    {% for item in items %}
+      <li{{ item.attributes }}>{{ item.content }}</li>
+    {% endfor %}
+  </ul>
+</div>
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/templates/form--search-block-form.html.twig	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,15 @@
+{#
+/**
+ * @file
+ * Default theme implementation for a 'form' element.
+ *
+ * Available variables:
+ * - attributes: A list of HTML attributes for the wrapper element.
+ * - children: The child elements of the form.
+ *
+ * @see template_preprocess_form()
+ */
+#}
+<form{{ attributes.addClass('search-form', 'search-block-form') }}>
+  {{ children }}
+</form>
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/templates/maintenance-page.html.twig	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,48 @@
+{#
+/**
+ * @file
+ * Bartik's theme implementation to display a single Drupal page while offline.
+ *
+ * All available variables are mirrored in page.html.twig.
+ *
+ * @see template_preprocess_maintenance_page()
+ */
+ #}
+<div id="page-wrapper">
+  <div id="page">
+    <header id="header" role="banner">
+      <div class="section clearfix">
+        {% if site_name or site_slogan %}
+          <div id="name-and-slogan"{{ hide_site_name and hide_site_slogan ? ' class="visually-hidden"' }}>
+            {% if site_name %}
+              <div id="site-name"{{ hide_site_name ? ' class="visually-hidden"' }}>
+                <strong>
+                  <a href="{{ front_page }}" title="{{ 'Home'|t }}" rel="home"><span>{{ site_name }}</span></a>
+                </strong>
+              </div>
+            {% endif %}
+            {% if site_slogan %}
+              <div id="site-slogan"{{ hide_site_slogan ? ' class="visually-hidden"' }}>
+                {{ site_slogan }}
+              </div>
+            {% endif %}
+          </div>
+        {% endif %}
+      </div>
+    </header>
+    <div id="main-wrapper">
+      <div id="main" class="clearfix">
+        <main id="content" class="column" role="main">
+          <section class="section">
+            <a id="main-content"></a>
+            {% if title %}
+              <h1 class="title" id="page-title">{{ title }}</h1>
+            {% endif %}
+            {{ page.content }}
+            {{ page.highlighted }}
+          </section>
+        </main>
+      </div>
+    </div>
+  </div>
+</div>
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/templates/node.html.twig	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,103 @@
+{#
+/**
+ * @file
+ * Bartik's theme implementation to display a node.
+ *
+ * Available variables:
+ * - node: The node entity with limited access to object properties and methods.
+ *   Only method names starting with "get", "has", or "is" and a few common
+ *   methods such as "id", "label", and "bundle" are available. For example:
+ *   - node.getCreatedTime() will return the node creation timestamp.
+ *   - node.hasField('field_example') returns TRUE if the node bundle includes
+ *     field_example. (This does not indicate the presence of a value in this
+ *     field.)
+ *   - node.isPublished() will return whether the node is published or not.
+ *   Calling other methods, such as node.delete(), will result in an exception.
+ *   See \Drupal\node\Entity\Node for a full list of public properties and
+ *   methods for the node object.
+ * - label: The title of the node.
+ * - content: All node items. Use {{ content }} to print them all,
+ *   or print a subset such as {{ content.field_example }}. Use
+ *   {{ content|without('field_example') }} to temporarily suppress the printing
+ *   of a given child element.
+ * - author_picture: The node author user entity, rendered using the "compact"
+ *   view mode.
+ * - metadata: Metadata for this node.
+ * - date: Themed creation date field.
+ * - author_name: Themed author name field.
+ * - url: Direct URL of the current node.
+ * - display_submitted: Whether submission information should be displayed.
+ * - attributes: HTML attributes for the containing element.
+ *   The attributes.class element may contain one or more of the following
+ *   classes:
+ *   - node: The current template type (also known as a "theming hook").
+ *   - node--type-[type]: The current node type. For example, if the node is an
+ *     "Article" it would result in "node--type-article". Note that the machine
+ *     name will often be in a short form of the human readable label.
+ *   - node--view-mode-[view_mode]: The View Mode of the node; for example, a
+ *     teaser would result in: "node--view-mode-teaser", and
+ *     full: "node--view-mode-full".
+ *   The following are controlled through the node publishing options.
+ *   - node--promoted: Appears on nodes promoted to the front page.
+ *   - node--sticky: Appears on nodes ordered above other non-sticky nodes in
+ *     teaser listings.
+ *   - node--unpublished: Appears on unpublished nodes visible only to site
+ *     admins.
+ * - title_attributes: Same as attributes, except applied to the main title
+ *   tag that appears in the template.
+ * - content_attributes: Same as attributes, except applied to the main
+ *   content tag that appears in the template.
+ * - author_attributes: Same as attributes, except applied to the author of
+ *   the node tag that appears in the template.
+ * - title_prefix: Additional output populated by modules, intended to be
+ *   displayed in front of the main title tag that appears in the template.
+ * - title_suffix: Additional output populated by modules, intended to be
+ *   displayed after the main title tag that appears in the template.
+ * - view_mode: View mode; for example, "teaser" or "full".
+ * - teaser: Flag for the teaser state. Will be true if view_mode is 'teaser'.
+ * - page: Flag for the full page state. Will be true if view_mode is 'full'.
+ * - readmore: Flag for more state. Will be true if the teaser content of the
+ *   node cannot hold the main body content.
+ * - logged_in: Flag for authenticated user status. Will be true when the
+ *   current user is a logged-in member.
+ * - is_admin: Flag for admin user status. Will be true when the current user
+ *   is an administrator.
+ *
+ * @see template_preprocess_node()
+ */
+#}
+{%
+  set classes = [
+    'node',
+    'node--type-' ~ node.bundle|clean_class,
+    node.isPromoted() ? 'node--promoted',
+    node.isSticky() ? 'node--sticky',
+    not node.isPublished() ? 'node--unpublished',
+    view_mode ? 'node--view-mode-' ~ view_mode|clean_class,
+    'clearfix',
+  ]
+%}
+{{ attach_library('classy/node') }}
+<article{{ attributes.addClass(classes) }}>
+  <header>
+    {{ title_prefix }}
+    {% if not page %}
+      <h2{{ title_attributes.addClass('node__title') }}>
+        <a href="{{ url }}" rel="bookmark">{{ label }}</a>
+      </h2>
+    {% endif %}
+    {{ title_suffix }}
+    {% if display_submitted %}
+      <div class="node__meta">
+        {{ author_picture }}
+        <span{{ author_attributes }}>
+          {% trans %}Submitted by {{ author_name }} on {{ date }}{% endtrans %}
+        </span>
+        {{ metadata }}
+      </div>
+    {% endif %}
+  </header>
+  <div{{ content_attributes.addClass('node__content', 'clearfix') }}>
+    {{ content }}
+  </div>
+</article>
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/templates/page-title.html.twig	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,16 @@
+{% extends "@classy/content/page-title.html.twig" %}
+{#
+/**
+ * @file
+ * Bartik's theme implementation for a page title.
+ *
+ * Available variables:
+ * - title_attributes: HTML attributes for the page title element.
+ * - title_prefix: Additional output populated by modules, intended to be
+ *   displayed in front of the main title tag that appears in the template.
+ * - title: The page title, for use in the actual content.
+ * - title_suffix: Additional output populated by modules, intended to be
+ *   displayed after the main title tag that appears in the template.
+ */
+#}
+{% set title_attributes = title_attributes.addClass('title') %}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/templates/page.html.twig	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,128 @@
+{#
+/**
+ * @file
+ * Bartik's theme implementation to display a single page.
+ *
+ * The doctype, html, head and body tags are not in this template. Instead they
+ * can be found in the html.html.twig template normally located in the
+ * core/modules/system directory.
+ *
+ * Available variables:
+ *
+ * General utility variables:
+ * - base_path: The base URL path of the Drupal installation. Will usually be
+ *   "/" unless you have installed Drupal in a sub-directory.
+ * - is_front: A flag indicating if the current page is the front page.
+ * - logged_in: A flag indicating if the user is registered and signed in.
+ * - is_admin: A flag indicating if the user has permission to access
+ *   administration pages.
+ *
+ * Site identity:
+ * - front_page: The URL of the front page. Use this instead of base_path when
+ *   linking to the front page. This includes the language domain or prefix.
+ *
+ * Page content (in order of occurrence in the default page.html.twig):
+ * - node: Fully loaded node, if there is an automatically-loaded node
+ *   associated with the page and the node ID is the second argument in the
+ *   page's path (e.g. node/12345 and node/12345/revisions, but not
+ *   comment/reply/12345).
+ *
+ * Regions:
+ * - page.header: Items for the header region.
+ * - page.highlighted: Items for the highlighted region.
+ * - page.primary_menu: Items for the primary menu region.
+ * - page.secondary_menu: Items for the secondary menu region.
+ * - page.featured_top: Items for the featured top region.
+ * - page.content: The main content of the current page.
+ * - page.sidebar_first: Items for the first sidebar.
+ * - page.sidebar_second: Items for the second sidebar.
+ * - page.featured_bottom_first: Items for the first featured bottom region.
+ * - page.featured_bottom_second: Items for the second featured bottom region.
+ * - page.featured_bottom_third: Items for the third featured bottom region.
+ * - page.footer_first: Items for the first footer column.
+ * - page.footer_second: Items for the second footer column.
+ * - page.footer_third: Items for the third footer column.
+ * - page.footer_fourth: Items for the fourth footer column.
+ * - page.footer_fifth: Items for the fifth footer column.
+ * - page.breadcrumb: Items for the breadcrumb region.
+ *
+ * @see template_preprocess_page()
+ * @see html.html.twig
+ */
+#}
+<div id="page-wrapper">
+  <div id="page">
+    <header id="header" class="header" role="banner" aria-label="{{ 'Site header'|t }}">
+      <div class="section layout-container clearfix">
+        {{ page.secondary_menu }}
+        {{ page.header }}
+        {{ page.primary_menu }}
+      </div>
+    </header>
+    {% if page.highlighted %}
+      <div class="highlighted">
+        <aside class="layout-container section clearfix" role="complementary">
+          {{ page.highlighted }}
+        </aside>
+      </div>
+    {% endif %}
+    {% if page.featured_top %}
+      <div class="featured-top">
+        <aside class="featured-top__inner section layout-container clearfix" role="complementary">
+          {{ page.featured_top }}
+        </aside>
+      </div>
+    {% endif %}
+    <div id="main-wrapper" class="layout-main-wrapper layout-container clearfix">
+      <div id="main" class="layout-main clearfix">
+        {{ page.breadcrumb }}
+        <main id="content" class="column main-content" role="main">
+          <section class="section">
+            <a id="main-content" tabindex="-1"></a>
+            {{ page.content }}
+          </section>
+        </main>
+        {% if page.sidebar_first %}
+          <div id="sidebar-first" class="column sidebar">
+            <aside class="section" role="complementary">
+              {{ page.sidebar_first }}
+            </aside>
+          </div>
+        {% endif %}
+        {% if page.sidebar_second %}
+          <div id="sidebar-second" class="column sidebar">
+            <aside class="section" role="complementary">
+              {{ page.sidebar_second }}
+            </aside>
+          </div>
+        {% endif %}
+      </div>
+    </div>
+    {% if page.featured_bottom_first or page.featured_bottom_second or page.featured_bottom_third %}
+      <div class="featured-bottom">
+        <aside class="layout-container clearfix" role="complementary">
+          {{ page.featured_bottom_first }}
+          {{ page.featured_bottom_second }}
+          {{ page.featured_bottom_third }}
+        </aside>
+      </div>
+    {% endif %}
+    <footer class="site-footer">
+      <div class="layout-container">
+        {% if page.footer_first or page.footer_second or page.footer_third or page.footer_fourth %}
+          <div class="site-footer__top clearfix">
+            {{ page.footer_first }}
+            {{ page.footer_second }}
+            {{ page.footer_third }}
+            {{ page.footer_fourth }}
+          </div>
+        {% endif %}
+        {% if page.footer_fifth %}
+          <div class="site-footer__bottom">
+            {{ page.footer_fifth }}
+          </div>
+        {% endif %}
+      </div>
+    </footer>
+  </div>
+</div>
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/templates/region--header.html.twig	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,16 @@
+{% extends "region.html.twig" %}
+{#
+/**
+ * @file
+ * Bartik's theme implementation to display a header region.
+ *
+ * Available variables:
+ * - content: The content for this region, typically blocks.
+ * - attributes: HTML attributes for the region div.
+ * - region: The name of the region variable as defined in the theme's
+ *   .info.yml file.
+ *
+ * @see template_preprocess_region()
+ */
+#}
+{% set attributes = attributes.addClass('clearfix') %}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/isobartik/templates/status-messages.html.twig	Tue Dec 05 11:25:38 2017 +0000
@@ -0,0 +1,30 @@
+{% extends "@classy/misc/status-messages.html.twig" %}
+{#
+/**
+ * @file
+ * Default theme implementation for status messages.
+ *
+ * Displays status, error, and warning messages, grouped by type.
+ *
+ * An invisible heading identifies the messages for assistive technology.
+ * Sighted users see a colored box. See http://www.w3.org/TR/WCAG-TECHS/H69.html
+ * for info.
+ *
+ * Add an ARIA label to the contentinfo area so that assistive technology
+ * user agents will better describe this landmark.
+ *
+ * Available variables:
+ * - message_list: List of messages to be displayed, grouped by type.
+ * - status_headings: List of all status types.
+ * - display: (optional) May have a value of 'status' or 'error' when only
+ *   displaying messages of that specific type.
+ */
+#}
+{% block messages %}
+  {% if message_list is not empty %}
+    {{ attach_library('isobartik/messages') }}
+    <div class="messages__wrapper layout-container">
+      {{ parent() }}
+    </div>
+  {% endif %}
+{% endblock messages %}