# HG changeset patch # User Chris Cannam # Date 1512473138 0 # Node ID e11175134f4e25ec4d832848cddfbb6c1261aecd # Parent 92f8828723922ad41f1e9934dd1c898628cc878f Attempt to introduce editable version of theme diff -r 92f882872392 -r e11175134f4e sites/default/files/color/bartik-556b92b1/colors.css --- /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; +} diff -r 92f882872392 -r e11175134f4e sites/default/files/color/bartik-556b92b1/logo.svg --- /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 @@ + diff -r 92f882872392 -r e11175134f4e sites/isophonics.net --- /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 diff -r 92f882872392 -r e11175134f4e themes/isobartik/color/color.inc --- /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 @@ + [ + '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'), + ], + ], + ], +]; diff -r 92f882872392 -r e11175134f4e themes/isobartik/color/preview.css --- /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; +} diff -r 92f882872392 -r e11175134f4e themes/isobartik/color/preview.es6.js --- /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)); diff -r 92f882872392 -r e11175134f4e themes/isobartik/color/preview.html --- /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 @@ +
+ +
+ +
Bartik
+ +
+ +
+
+
+

Etiam est risus

+
+ Maecenas id porttitor Ut enim ad minim veniam, quis nostrudfelis. + Laboris nisi ut aliquip ex ea. +
+
+
+
+

Lorem ipsum dolor

+
+
+ Sit amet, consectetur adipisicing elit, sed do eiusmod tempor + incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis + nostrud exercitation ullamco laboris nisi ut aliquip ex ea + commodo consequat. Maecenas id porttitor Ut enim ad minim veniam, quis nostr udfelis. +
+
+
+
+ + + +
diff -r 92f882872392 -r e11175134f4e themes/isobartik/color/preview.js --- /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 diff -r 92f882872392 -r e11175134f4e themes/isobartik/config/schema/isobartik.schema.yml --- /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' diff -r 92f882872392 -r e11175134f4e themes/isobartik/css/base/elements.css --- /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; +} diff -r 92f882872392 -r e11175134f4e themes/isobartik/css/colors.css --- /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; +} diff -r 92f882872392 -r e11175134f4e themes/isobartik/css/components/block.css --- /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; +} diff -r 92f882872392 -r e11175134f4e themes/isobartik/css/components/book.css --- /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; +} diff -r 92f882872392 -r e11175134f4e themes/isobartik/css/components/breadcrumb.css --- /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; +} diff -r 92f882872392 -r e11175134f4e themes/isobartik/css/components/buttons.css --- /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; +} diff -r 92f882872392 -r e11175134f4e themes/isobartik/css/components/captions.css --- /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; +} diff -r 92f882872392 -r e11175134f4e themes/isobartik/css/components/comments.css --- /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; +} diff -r 92f882872392 -r e11175134f4e themes/isobartik/css/components/contextual.css --- /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; +} diff -r 92f882872392 -r e11175134f4e themes/isobartik/css/components/demo-block.css --- /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; +} diff -r 92f882872392 -r e11175134f4e themes/isobartik/css/components/dropbutton.component.css --- /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; +} diff -r 92f882872392 -r e11175134f4e themes/isobartik/css/components/featured-bottom.css --- /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; +} diff -r 92f882872392 -r e11175134f4e themes/isobartik/css/components/featured-top.css --- /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; +} diff -r 92f882872392 -r e11175134f4e themes/isobartik/css/components/feed-icon.css --- /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; +} diff -r 92f882872392 -r e11175134f4e themes/isobartik/css/components/field.css --- /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; +} diff -r 92f882872392 -r e11175134f4e themes/isobartik/css/components/form.css --- /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; + } +} diff -r 92f882872392 -r e11175134f4e themes/isobartik/css/components/forum.css --- /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; +} diff -r 92f882872392 -r e11175134f4e themes/isobartik/css/components/header.css --- /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; +} diff -r 92f882872392 -r e11175134f4e themes/isobartik/css/components/help.css --- /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; +} diff -r 92f882872392 -r e11175134f4e themes/isobartik/css/components/highlighted.css --- /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; +} diff -r 92f882872392 -r e11175134f4e themes/isobartik/css/components/image-button.css --- /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; +} diff -r 92f882872392 -r e11175134f4e themes/isobartik/css/components/item-list.css --- /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; +} diff -r 92f882872392 -r e11175134f4e themes/isobartik/css/components/list-group.css --- /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; +} diff -r 92f882872392 -r e11175134f4e themes/isobartik/css/components/list.css --- /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; +} diff -r 92f882872392 -r e11175134f4e themes/isobartik/css/components/main-content.css --- /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%; + } +} + diff -r 92f882872392 -r e11175134f4e themes/isobartik/css/components/menu.css --- /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; +} diff -r 92f882872392 -r e11175134f4e themes/isobartik/css/components/messages.css --- /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; +} diff -r 92f882872392 -r e11175134f4e themes/isobartik/css/components/node-preview.css --- /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; +} diff -r 92f882872392 -r e11175134f4e themes/isobartik/css/components/node.css --- /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; +} diff -r 92f882872392 -r e11175134f4e themes/isobartik/css/components/page-title.css --- /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; +} diff -r 92f882872392 -r e11175134f4e themes/isobartik/css/components/pager.css --- /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; +} diff -r 92f882872392 -r e11175134f4e themes/isobartik/css/components/panel.css --- /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; +} diff -r 92f882872392 -r e11175134f4e themes/isobartik/css/components/password-suggestions.css --- /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; +} diff -r 92f882872392 -r e11175134f4e themes/isobartik/css/components/primary-menu.css --- /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; + } +} diff -r 92f882872392 -r e11175134f4e themes/isobartik/css/components/search-form.css --- /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; +} diff -r 92f882872392 -r e11175134f4e themes/isobartik/css/components/search-results.css --- /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; +} diff -r 92f882872392 -r e11175134f4e themes/isobartik/css/components/secondary-menu.css --- /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; +} diff -r 92f882872392 -r e11175134f4e themes/isobartik/css/components/shortcut.css --- /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; +} diff -r 92f882872392 -r e11175134f4e themes/isobartik/css/components/sidebar.css --- /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; +} diff -r 92f882872392 -r e11175134f4e themes/isobartik/css/components/site-branding.css --- /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; +} diff -r 92f882872392 -r e11175134f4e themes/isobartik/css/components/site-footer.css --- /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; +} diff -r 92f882872392 -r e11175134f4e themes/isobartik/css/components/skip-link.css --- /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; +} diff -r 92f882872392 -r e11175134f4e themes/isobartik/css/components/table.css --- /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; + } +} diff -r 92f882872392 -r e11175134f4e themes/isobartik/css/components/tablesort-indicator.css --- /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); +} diff -r 92f882872392 -r e11175134f4e themes/isobartik/css/components/tabs.css --- /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; +} diff -r 92f882872392 -r e11175134f4e themes/isobartik/css/components/text-formatted.css --- /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; +} diff -r 92f882872392 -r e11175134f4e themes/isobartik/css/components/toolbar.css --- /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; +} diff -r 92f882872392 -r e11175134f4e themes/isobartik/css/components/ui-dialog.css --- /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; +} diff -r 92f882872392 -r e11175134f4e themes/isobartik/css/components/ui.widget.css --- /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; +} diff -r 92f882872392 -r e11175134f4e themes/isobartik/css/components/vertical-tabs.component.css --- /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; +} diff -r 92f882872392 -r e11175134f4e themes/isobartik/css/components/views.css --- /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; +} diff -r 92f882872392 -r e11175134f4e themes/isobartik/css/layout.css --- /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; +} diff -r 92f882872392 -r e11175134f4e themes/isobartik/css/maintenance-page.css --- /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; + } +} diff -r 92f882872392 -r e11175134f4e themes/isobartik/css/print.css --- /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; +} diff -r 92f882872392 -r e11175134f4e themes/isobartik/images/add.png Binary file themes/isobartik/images/add.png has changed diff -r 92f882872392 -r e11175134f4e themes/isobartik/images/required.svg --- /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 @@ + diff -r 92f882872392 -r e11175134f4e themes/isobartik/images/tabs-border.png Binary file themes/isobartik/images/tabs-border.png has changed diff -r 92f882872392 -r e11175134f4e themes/isobartik/isobartik.breakpoints.yml --- /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 diff -r 92f882872392 -r e11175134f4e themes/isobartik/isobartik.info.yml --- /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' diff -r 92f882872392 -r e11175134f4e themes/isobartik/isobartik.libraries.yml --- /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 diff -r 92f882872392 -r e11175134f4e themes/isobartik/isobartik.theme --- /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 @@ + '
', + '#weight' => 100, + ]; + $variables['title_suffix']['shortcut_wrapper'] = [ + '#markup' => '
', + '#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'); + } +} diff -r 92f882872392 -r e11175134f4e themes/isobartik/logo.svg --- /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 @@ + diff -r 92f882872392 -r e11175134f4e themes/isobartik/screenshot.png Binary file themes/isobartik/screenshot.png has changed diff -r 92f882872392 -r e11175134f4e themes/isobartik/templates/block--search-form-block.html.twig --- /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 %} + + {{ parent() }} + +{% endblock %} diff -r 92f882872392 -r e11175134f4e themes/isobartik/templates/block--system-branding-block.html.twig --- /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 %} + + {% endif %} + {% if site_name or site_slogan %} +
+ {% if site_name %} + + {% endif %} + {% if site_slogan %} +
{{ site_slogan }}
+ {% endif %} +
+ {% endif %} +{% endblock %} diff -r 92f882872392 -r e11175134f4e themes/isobartik/templates/block--system-menu-block.html.twig --- /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 %} + + {# When rendering a menu without label, render a menu toggle. #} + + + {% trans %} Show — {{ configuration.label }}{% endtrans %} + {% trans %} Hide — {{ configuration.label }}{% endtrans %} + {{ content }} + +{% endblock %} diff -r 92f882872392 -r e11175134f4e themes/isobartik/templates/block.html.twig --- /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, + ] +%} + + {{ title_prefix }} + {% if label %} + {{ label }} + {% endif %} + {{ title_suffix }} + {% block content %} + + {{ content }} + + {% endblock %} + diff -r 92f882872392 -r e11175134f4e themes/isobartik/templates/comment.html.twig --- /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', + ] +%} +
+ {# + 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. + #} + + +
+ {{ user_picture }} +

{{ author }}

+

{{ created }}

+ + {# + 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 %} +

{{ parent }}

+ {% endif %} +
+ + + {% if title %} + {{ title_prefix }} + {{ title }} + {{ title_suffix }} + {% endif %} + {{ content }} + +
diff -r 92f882872392 -r e11175134f4e themes/isobartik/templates/field--node--field-tags.html.twig --- /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', + ] +%} + + {% if not label_hidden %} + {{ label }} + {% endif %} + + diff -r 92f882872392 -r e11175134f4e themes/isobartik/templates/form--search-block-form.html.twig --- /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() + */ +#} + + {{ children }} + diff -r 92f882872392 -r e11175134f4e themes/isobartik/templates/maintenance-page.html.twig --- /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() + */ + #} +
+
+ +
+
+
+
+ + {% if title %} +

{{ title }}

+ {% endif %} + {{ page.content }} + {{ page.highlighted }} +
+
+
+
+
+
diff -r 92f882872392 -r e11175134f4e themes/isobartik/templates/node.html.twig --- /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') }} + +
+ {{ title_prefix }} + {% if not page %} + + {{ label }} + + {% endif %} + {{ title_suffix }} + {% if display_submitted %} +
+ {{ author_picture }} + + {% trans %}Submitted by {{ author_name }} on {{ date }}{% endtrans %} + + {{ metadata }} +
+ {% endif %} +
+ + {{ content }} + + diff -r 92f882872392 -r e11175134f4e themes/isobartik/templates/page-title.html.twig --- /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') %} diff -r 92f882872392 -r e11175134f4e themes/isobartik/templates/page.html.twig --- /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 + */ +#} +
+
+ + {% if page.highlighted %} +
+ +
+ {% endif %} + {% if page.featured_top %} + + {% endif %} +
+
+ {{ page.breadcrumb }} +
+
+ + {{ page.content }} +
+
+ {% if page.sidebar_first %} + + {% endif %} + {% if page.sidebar_second %} + + {% endif %} +
+
+ {% if page.featured_bottom_first or page.featured_bottom_second or page.featured_bottom_third %} + + {% endif %} +
+
+ {% if page.footer_first or page.footer_second or page.footer_third or page.footer_fourth %} + + {% endif %} + {% if page.footer_fifth %} + + {% endif %} +
+
+
+
diff -r 92f882872392 -r e11175134f4e themes/isobartik/templates/region--header.html.twig --- /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') %} diff -r 92f882872392 -r e11175134f4e themes/isobartik/templates/status-messages.html.twig --- /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') }} +
+ {{ parent() }} +
+ {% endif %} +{% endblock messages %}