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