Update to drupal 8.0.0-rc1. For more information, see https://www.drupal.org/node/2582663
This commit is contained in:
Greg Anderson
parent
eb34d130a8
commit
f32e58e4b1
8476 changed files with 211648 additions and 170042 deletions
|
|
@ -5,8 +5,6 @@ description: 'A flexible, recolorable theme with many regions and a responsive,
|
|||
package: Core
|
||||
version: VERSION
|
||||
core: 8.x
|
||||
stylesheets-remove:
|
||||
- '@classy/css/layout.css'
|
||||
libraries:
|
||||
- bartik/global-styling
|
||||
ckeditor_stylesheets:
|
||||
|
|
@ -33,4 +31,3 @@ regions:
|
|||
footer_third: 'Footer third'
|
||||
footer_fourth: 'Footer fourth'
|
||||
footer_fifth: 'Footer fifth'
|
||||
|
||||
|
|
|
|||
|
|
@ -20,10 +20,12 @@ global-styling:
|
|||
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: {}
|
||||
|
|
@ -31,14 +33,16 @@ global-styling:
|
|||
css/components/pager.css: {}
|
||||
css/components/panel.css: {}
|
||||
css/components/primary-menu.css: {}
|
||||
css/components/search.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/toolbar.css: {}
|
||||
css/components/featured-bottom.css: {}
|
||||
|
|
|
|||
|
|
@ -39,10 +39,7 @@ function bartik_preprocess_html(&$variables) {
|
|||
/**
|
||||
* Implements hook_preprocess_HOOK() for page templates.
|
||||
*/
|
||||
function bartik_preprocess_page(&$variables) {
|
||||
// Set the options that apply to both page and maintenance page.
|
||||
_bartik_process_page($variables);
|
||||
|
||||
function bartik_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']) {
|
||||
|
|
@ -75,9 +72,6 @@ function bartik_preprocess_maintenance_page(&$variables) {
|
|||
|
||||
// Bartik has custom styling for the maintenance page.
|
||||
$variables['#attached']['library'][] = 'bartik/maintenance_page';
|
||||
|
||||
// Set the options that apply to both page and maintenance page.
|
||||
_bartik_process_page($variables);
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -109,21 +103,23 @@ function bartik_preprocess_menu(&$variables) {
|
|||
}
|
||||
|
||||
/**
|
||||
* Helper function for handling the site name and slogan.
|
||||
* Implements hook_theme_suggestions_HOOK_alter() for form templates.
|
||||
*/
|
||||
function _bartik_process_page(&$variables) {
|
||||
$site_config = \Drupal::config('system.site');
|
||||
// Always print the site name and slogan, but if they are toggled off, we'll
|
||||
// just hide them visually.
|
||||
$variables['hide_site_name'] = theme_get_setting('features.name') ? FALSE : TRUE;
|
||||
$variables['hide_site_slogan'] = theme_get_setting('features.slogan') ? FALSE : TRUE;
|
||||
if ($variables['hide_site_name']) {
|
||||
// If toggle_name is FALSE, the site_name will be empty, so we rebuild it.
|
||||
$variables['site_name'] = $site_config->get('name');
|
||||
}
|
||||
if ($variables['hide_site_slogan']) {
|
||||
// If toggle_site_slogan is FALSE, the site_slogan will be empty, so we
|
||||
// rebuild it.
|
||||
$variables['site_slogan']['#markup'] = $site_config->get('slogan');
|
||||
function bartik_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 bartik_form_alter(&$form, \Drupal\Core\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');
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -5,10 +5,6 @@
|
|||
* Lists available colors and color schemes for the Bartik theme.
|
||||
*/
|
||||
|
||||
// Put the logo path into JavaScript for the live preview.
|
||||
$js_attached['#attached']['drupalSettings']['color']['logo'] = theme_get_setting('logo.url', 'bartik');
|
||||
drupal_process_attached($js_attached);
|
||||
|
||||
$info = array(
|
||||
// Available colors and color labels used in theme.
|
||||
'fields' => array(
|
||||
|
|
@ -121,4 +117,14 @@ $info = array(
|
|||
// Preview files.
|
||||
'preview_library' => 'bartik/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', 'bartik'),
|
||||
],
|
||||
],
|
||||
],
|
||||
);
|
||||
|
|
|
|||
|
|
@ -132,3 +132,20 @@ 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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -46,11 +46,12 @@ a:active,
|
|||
.region-header,
|
||||
.region-header a,
|
||||
.region-header li a.is-active,
|
||||
#name-and-slogan,
|
||||
.site-branding-block,
|
||||
#name-and-slogan a,
|
||||
.site-branding-block a,
|
||||
.region-secondary-menu .menu-item a {
|
||||
.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;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -7,16 +7,3 @@
|
|||
.block .content {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
/* List in block. */
|
||||
.block ol,
|
||||
.block ul {
|
||||
margin: 0;
|
||||
padding: 0 0 0.25em 1em; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .block ol,
|
||||
[dir="rtl"] .block ul {
|
||||
padding: 0 1em 0.25em 0;
|
||||
/* This is required to win over specifity of [dir="rtl"] ul.menu */
|
||||
margin-right: 0;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -7,3 +7,6 @@
|
|||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
font-size: 0.929em;
|
||||
}
|
||||
.region-breadcrumb {
|
||||
padding: 0 15px 0.25em;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -10,6 +10,9 @@
|
|||
#content .comment-wrapper h2.comment-form__title {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
.field-node--comment {
|
||||
font-size: 0.934em;
|
||||
}
|
||||
.comment {
|
||||
margin-bottom: 19px;
|
||||
vertical-align: top;
|
||||
|
|
@ -61,6 +64,7 @@
|
|||
border: 1px solid #d3d7d9;
|
||||
font-size: 0.929em;
|
||||
line-height: 1.6;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.comment__content:before {
|
||||
|
|
|
|||
|
|
@ -82,7 +82,6 @@
|
|||
.field--name-field-tags ul.links {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
}
|
||||
.field--name-field-tags ul.links li {
|
||||
float: left; /* LTR */
|
||||
|
|
|
|||
|
|
@ -82,7 +82,7 @@ textarea {
|
|||
@media screen and (max-width: 60em) { /* 920px */
|
||||
input,
|
||||
textarea {
|
||||
font-size: 1.142857143em;
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
textarea {
|
||||
|
|
|
|||
|
|
@ -1,3 +1,8 @@
|
|||
/**
|
||||
* @file
|
||||
* Visual styles for forums in Bartik.
|
||||
*/
|
||||
|
||||
.forum__name {
|
||||
font-size: 1.083em;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -6,112 +6,38 @@
|
|||
position: relative;
|
||||
}
|
||||
.region-header {
|
||||
float: right; /* LTR */
|
||||
margin: .5em 5px .75em;
|
||||
padding: 0.357em 15px 0;
|
||||
}
|
||||
[dir="rtl"] .region-header {
|
||||
float: left;
|
||||
.region-header .site-branding {
|
||||
margin-top: 0.429em;
|
||||
}
|
||||
@media all and (min-width: 461px) and (max-width: 900px) {
|
||||
.region-header {
|
||||
margin: .5em 5px .75em;
|
||||
@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 all and (min-width: 901px) {
|
||||
.region-header {
|
||||
margin: 1em 5px 1.5em;
|
||||
}
|
||||
}
|
||||
#logo,
|
||||
.site-logo {
|
||||
float: left; /* LTR */
|
||||
padding: 4px 4px 4px 9px; /* LTR */
|
||||
}
|
||||
[dir="rtl"] #logo,
|
||||
[dir="rtl"] .site-logo {
|
||||
padding: 4px 9px 4px 4px;
|
||||
}
|
||||
@media all and (min-width: 461px) and (max-width: 900px) {
|
||||
#logo,
|
||||
.site-logo {
|
||||
padding: 5px 0 0 5px; /* LTR */
|
||||
}
|
||||
[dir="rtl"] #logo,
|
||||
[dir="rtl"] .site-logo {
|
||||
padding: 5px 5px 0 0;
|
||||
}
|
||||
}
|
||||
@media all and (min-width: 901px) {
|
||||
#logo,
|
||||
.site-logo {
|
||||
padding: 9px 4px 4px 9px; /* LTR */
|
||||
}
|
||||
[dir="rtl"] #logo,
|
||||
[dir="rtl"] .site-logo {
|
||||
padding: 9px 9px 4px 4px;
|
||||
}
|
||||
}
|
||||
#name-and-slogan,
|
||||
.site-branding-text {
|
||||
float: left; /* LTR */
|
||||
margin: 0;
|
||||
padding: 5px 10px 8px;
|
||||
}
|
||||
[dir="rtl"] #name-and-slogan,
|
||||
[dir="rtl"] .site-branding-text {
|
||||
margin: 0 15px 30px 0;
|
||||
}
|
||||
@media all and (min-width: 461px) and (max-width: 900px) {
|
||||
#name-and-slogan,
|
||||
.site-branding-text {
|
||||
padding: 10px 10px 8px;
|
||||
}
|
||||
}
|
||||
@media all and (min-width: 901px) {
|
||||
#name-and-slogan,
|
||||
.site-branding-text {
|
||||
padding: 26px 0 0;
|
||||
margin: 0 0 30px 15px; /* LTR */
|
||||
}
|
||||
[dir="rtl"] #name-and-slogan,
|
||||
[dir="rtl"] .site-branding-text {
|
||||
margin: 0 15px 30px 0;
|
||||
}
|
||||
}
|
||||
#site-name,
|
||||
.site-name {
|
||||
font-size: 1.6em;
|
||||
color: #686868;
|
||||
line-height: 1;
|
||||
}
|
||||
@media all and (min-width: 901px) {
|
||||
#site-name,
|
||||
.site-name {
|
||||
font-size: 1.821em;
|
||||
}
|
||||
}
|
||||
h1#site-name,
|
||||
h1.site-name {
|
||||
margin: 0;
|
||||
}
|
||||
#site-name a,
|
||||
.site-name a {
|
||||
font-weight: normal;
|
||||
}
|
||||
#site-slogan,
|
||||
.site-slogan {
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
font-size: 0.929em;
|
||||
margin-top: 7px;
|
||||
word-spacing: 0.1em;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/* Region header blocks. */
|
||||
.region-header .block {
|
||||
.region-header .block:not(.site-branding) {
|
||||
font-size: 0.857em;
|
||||
float: left; /* LTR */
|
||||
margin: 0 10px;
|
||||
padding: 0;
|
||||
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 */
|
||||
|
|
@ -125,7 +51,6 @@ h1.site-name {
|
|||
padding: 0;
|
||||
}
|
||||
.region-header .block ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.region-header .block li {
|
||||
|
|
@ -133,6 +58,9 @@ h1.site-name {
|
|||
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);
|
||||
|
|
@ -146,8 +74,8 @@ h1.site-name {
|
|||
margin-right: 0;
|
||||
}
|
||||
.region-header .form-text:hover,
|
||||
.region-header .form-text:active,
|
||||
.region-header .form-text:focus {
|
||||
.region-header .form-text:focus,
|
||||
.region-header .form-text:active {
|
||||
background: #fff;
|
||||
background: rgba(255, 255, 255, 0.8);
|
||||
}
|
||||
|
|
@ -170,15 +98,15 @@ h1.site-name {
|
|||
padding: 3px 7px;
|
||||
}
|
||||
.region-header .block-menu li a:hover,
|
||||
.region-header .block-menu li a:active,
|
||||
.region-header .block-menu li a:focus {
|
||||
.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 */
|
||||
/* User Login block in the header region. */
|
||||
.region-header #block-user-login {
|
||||
width: auto;
|
||||
}
|
||||
|
|
@ -236,14 +164,21 @@ h1.site-name {
|
|||
background: #fff;
|
||||
background: rgba(255, 255, 255, 0.9);
|
||||
}
|
||||
/* Search block in region header. */
|
||||
/* Search block in header region. */
|
||||
.region-header #block-search-form {
|
||||
width: 208px;
|
||||
}
|
||||
.region-header #block-search-form .form-text {
|
||||
width: 154px;
|
||||
}
|
||||
/* Language switcher block in region header. */
|
||||
.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;
|
||||
|
|
@ -252,11 +187,9 @@ h1.site-name {
|
|||
border-bottom: none;
|
||||
}
|
||||
|
||||
[dir="rtl"] #logo,
|
||||
[dir="rtl"] .branding,
|
||||
[dir="rtl"] .site-logo,
|
||||
[dir="rtl"] #name-and-slogan,
|
||||
[dir="rtl"] .site-branding-text,
|
||||
[dir="rtl"] .region-header .block,
|
||||
[dir="rtl"] .region-header #block-user-login .form-item,
|
||||
[dir="rtl"] .region-header #block-user-login .item-list li {
|
||||
float: right;
|
||||
|
|
|
|||
12
core/themes/bartik/css/components/highlighted.css
Normal file
12
core/themes/bartik/css/components/highlighted.css
Normal file
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -3,17 +3,27 @@
|
|||
* 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 {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -7,4 +7,7 @@ ul.links {
|
|||
color: #68696b;
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
font-size: 0.821em;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
|
|
|||
15
core/themes/bartik/css/components/menu.css
Normal file
15
core/themes/bartik/css/components/menu.css
Normal file
|
|
@ -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 0;
|
||||
}
|
||||
|
||||
/* This is needed to override [dir="rtl"] ul.menu styles in menu.theme.css */
|
||||
[dir="rtl"] ul.menu {
|
||||
margin: 0;
|
||||
}
|
||||
|
|
@ -1,18 +1,13 @@
|
|||
/* ---------------- Messages ----------------- */
|
||||
/**
|
||||
* @file
|
||||
* Styles for Bartik's messages.
|
||||
*/
|
||||
|
||||
#messages {
|
||||
padding: 20px 0 5px;
|
||||
margin: 0 auto;
|
||||
.messages__wrapper {
|
||||
padding: 20px 0 5px 8px;
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
margin: 8px 0;
|
||||
}
|
||||
.has-featured-top .highlighted {
|
||||
background: #f0f0f0;
|
||||
background: rgba(30, 50, 10, 0.08);
|
||||
}
|
||||
div.messages {
|
||||
margin: 8px 15px 8px 23px; /* LTR */
|
||||
}
|
||||
[dir="rtl"] div.messages {
|
||||
margin-right: 23px;
|
||||
margin-left: 15px;
|
||||
[dir="rtl"] .messages__wrapper {
|
||||
padding: 20px 8px 5px 0;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -53,6 +53,7 @@
|
|||
/* Node links styles. */
|
||||
.node__links {
|
||||
text-align: right; /* LTR */
|
||||
font-size: 0.93em;
|
||||
}
|
||||
[dir="rtl"] .node__links {
|
||||
text-align: left;
|
||||
|
|
|
|||
40
core/themes/bartik/css/components/search-form.css
Normal file
40
core/themes/bartik/css/components/search-form.css
Normal file
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -3,13 +3,10 @@
|
|||
* Visual styles for Bartik's search results.
|
||||
*/
|
||||
|
||||
ol.search-results {
|
||||
padding-left: 0; /* LTR */
|
||||
.search-results {
|
||||
padding: 0;
|
||||
list-style-position: inside;
|
||||
}
|
||||
[dir="rtl"] ol.search-results {
|
||||
padding-right: 0;
|
||||
}
|
||||
.search-results li {
|
||||
border-bottom: 1px solid #d3d7d9;
|
||||
padding-bottom: 0.4285em;
|
||||
|
|
|
|||
|
|
@ -1,52 +0,0 @@
|
|||
/* --------------- Search Form ---------------- */
|
||||
|
||||
#block-search-form {
|
||||
padding-bottom: 7px;
|
||||
}
|
||||
#block-search-form .content {
|
||||
margin-top: 0;
|
||||
}
|
||||
#search-form input[type="search"],
|
||||
#block-search-form input[type="search"] {
|
||||
box-sizing: border-box;
|
||||
padding: 4px;
|
||||
-webkit-appearance: textfield;
|
||||
}
|
||||
#search-form input[type="search"]::-webkit-search-decoration,
|
||||
#block-search-form input[type="search"]::-webkit-search-decoration {
|
||||
display: none;
|
||||
}
|
||||
#search-form input#edit-keys,
|
||||
#block-search-form .form-item-search-block-form input {
|
||||
float: left; /* LTR */
|
||||
font-size: 1em;
|
||||
margin-right: 5px; /* LTR */
|
||||
}
|
||||
[dir="rtl"] #search-form input#edit-keys,
|
||||
[dir="rtl"] #block-search-form .form-item-search-block-form input {
|
||||
float: right;
|
||||
margin-left: 5px;
|
||||
margin-right: 0;
|
||||
}
|
||||
#search-block-form input.form-submit,
|
||||
#search-form input.form-submit {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
height: 25px;
|
||||
width: 34px;
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
text-indent: -9999px;
|
||||
border-color: #e4e4e4 #d2d2d2 #b4b4b4;
|
||||
background: #f0f0f0 url(../../../../misc/icons/505050/loupe.svg) no-repeat center;
|
||||
overflow: hidden;
|
||||
}
|
||||
#search-block-form input.form-submit:hover,
|
||||
#search-block-form input.form-submit:focus,
|
||||
#search-form input.form-submit:hover,
|
||||
#search-form input.form-submit:focus {
|
||||
background: #dedede url(../../../../misc/icons/424242/loupe.svg) no-repeat center;
|
||||
}
|
||||
#search-form .form-item-keys label {
|
||||
display: block;
|
||||
}
|
||||
|
|
@ -1,4 +1,7 @@
|
|||
/* -------------- Shortcut Links -------------- */
|
||||
/**
|
||||
* @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. */
|
||||
|
|
@ -11,5 +14,16 @@
|
|||
float: right;
|
||||
}
|
||||
.shortcut-action {
|
||||
padding-top: 0.9em;
|
||||
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;
|
||||
}
|
||||
|
|
|
|||
45
core/themes/bartik/css/components/site-branding.css
Normal file
45
core/themes/bartik/css/components/site-branding.css
Normal file
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -70,15 +70,3 @@ tr th {
|
|||
display: none;
|
||||
}
|
||||
}
|
||||
table ul.links {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-size: 1em;
|
||||
}
|
||||
table ul.links li {
|
||||
padding: 0 1em 0 0; /* LTR */
|
||||
}
|
||||
[dir="rtl"] table ul.links li {
|
||||
padding-left: 1em;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
|
|
|||
17
core/themes/bartik/css/components/tablesort-indicator.css
Normal file
17
core/themes/bartik/css/components/tablesort-indicator.css
Normal file
|
|
@ -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);
|
||||
}
|
||||
|
|
@ -18,7 +18,6 @@ div.tabs {
|
|||
display: block;
|
||||
font-size: 0.929em;
|
||||
padding: 0 10px 3px;
|
||||
margin: 0;
|
||||
text-shadow: 0 1px 0 #fff;
|
||||
}
|
||||
.tabs ul.primary li.is-active a {
|
||||
|
|
|
|||
|
|
@ -1,117 +1,35 @@
|
|||
/* ---------- Views styling ---------- */
|
||||
|
||||
/* @group Lists */
|
||||
|
||||
.views-display-top .secondary .action-list {
|
||||
padding-left: 0; /* LTR */
|
||||
}
|
||||
|
||||
[dir="rtl"] .views-display-top .secondary .action-list {
|
||||
padding-left: inherit;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
/* @end */
|
||||
|
||||
/* @group Attachment details tabs
|
||||
*
|
||||
* The tabs that switch between sections
|
||||
/**
|
||||
* @file
|
||||
* Styling for Views in Bartik.
|
||||
*/
|
||||
|
||||
.views-displays .region-content .secondary,
|
||||
.views-displays .region-content .secondary {
|
||||
padding-bottom: 0;
|
||||
padding-left: 0; /* LTR */
|
||||
/* Tab styles */
|
||||
.views-displays .tabs .open > a {
|
||||
border-radius: 7px 7px 0 0;
|
||||
}
|
||||
[dir="rtl"] .views-displays .region-content .secondary {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.views-displays .secondary a {
|
||||
font-size: smaller;
|
||||
}
|
||||
|
||||
.views-displays .secondary > li a {
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.views-displays .secondary > li.open a {
|
||||
border-radius: 5px 5px 0 0;
|
||||
}
|
||||
|
||||
.views-displays .secondary .open > a:hover,
|
||||
.views-displays .secondary .open > a:focus {
|
||||
.views-displays .tabs .open > a:hover,
|
||||
.views-displays .tabs .open > a:focus {
|
||||
color: #0071B3;
|
||||
}
|
||||
|
||||
.views-displays .secondary input.form-submit {
|
||||
font-size: smaller;
|
||||
.views-displays .secondary .form-submit {
|
||||
font-size: 0.846em;
|
||||
}
|
||||
|
||||
/* @end */
|
||||
|
||||
/* @group Modal dialog box
|
||||
*
|
||||
* The contents of the popup dialog on the views edit form.
|
||||
*/
|
||||
/* 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;
|
||||
}
|
||||
|
||||
/* @end */
|
||||
|
||||
.views-display-column .details-wrapper {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.views-display-column details summary {
|
||||
background: none;
|
||||
border: none;
|
||||
font-family: inherit;
|
||||
font-size: 13px;
|
||||
line-height: inherit;
|
||||
position: relative;
|
||||
text-indent: 0;
|
||||
text-shadow: none;
|
||||
top: 3px;
|
||||
}
|
||||
|
||||
.views-display-columns details {
|
||||
position: inherit;
|
||||
}
|
||||
|
||||
.views-display-columns details summary {
|
||||
padding: 0 0 4px 2px; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .views-display-columns details summary {
|
||||
padding: 0 2px 4px 0;
|
||||
}
|
||||
|
||||
.views-display-columns a.fieldset-title {
|
||||
/* Views action dropbutton styles */
|
||||
.views-ui-display-tab-actions .dropbutton .form-submit {
|
||||
color: #0071B3;
|
||||
}
|
||||
|
||||
.views-display-columns a.fieldset-title:hover,
|
||||
.views-display-columns a.fieldset-title:focus {
|
||||
.views-ui-display-tab-actions .dropbutton .form-submit:hover,
|
||||
.views-ui-display-tab-actions .dropbutton .form-submit:focus {
|
||||
color: #018FE2;
|
||||
}
|
||||
|
||||
/* @group Dropbutton */
|
||||
|
||||
.views-ui-display-tab-actions .dropbutton input {
|
||||
color: #0071B3;
|
||||
}
|
||||
|
||||
.views-ui-display-tab-actions .dropbutton input:hover,
|
||||
.views-ui-display-tab-actions .dropbutton input:focus {
|
||||
color: #018FE2;
|
||||
}
|
||||
|
||||
.views-ui-display-tab-actions .dropbutton input.form-submit {
|
||||
margin-right: 0; /* LTR */
|
||||
margin-top: 0;
|
||||
}
|
||||
[dir="rtl"] .views-ui-display-tab-actions .dropbutton input.form-submit {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -17,8 +17,7 @@ body.maintenance-page {
|
|||
.maintenance-page #main-wrapper {
|
||||
min-height: inherit;
|
||||
}
|
||||
.maintenance-page #header,
|
||||
.maintenance-page #messages {
|
||||
.maintenance-page #header {
|
||||
width: auto;
|
||||
}
|
||||
.maintenance-page #main {
|
||||
|
|
@ -35,32 +34,25 @@ body.maintenance-page {
|
|||
background-color: #fff;
|
||||
background-image: none;
|
||||
}
|
||||
.maintenance-page #name-and-slogan {
|
||||
.maintenance-page .site-branding-text {
|
||||
margin-bottom: 50px;
|
||||
margin-left: 0; /* LTR */
|
||||
padding-top: 20px;
|
||||
font-size: 90%;
|
||||
}
|
||||
[dir="rtl"] .maintenance-page #name-and-slogan {
|
||||
[dir="rtl"] .maintenance-page .site-branding-text {
|
||||
margin-right: 0;
|
||||
}
|
||||
.maintenance-page #name-and-slogan,
|
||||
.maintenance-page #name-and-slogan a,
|
||||
.maintenance-page #name-and-slogan a:hover,
|
||||
.maintenance-page #name-and-slogan a:focus {
|
||||
.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;
|
||||
}
|
||||
.maintenance-page #messages {
|
||||
padding: 0;
|
||||
margin-top: 30px;
|
||||
}
|
||||
.maintenance-page #messages div.messages {
|
||||
margin: 0;
|
||||
}
|
||||
@media all and (min-width: 800px) {
|
||||
.maintenance-page #page-wrapper {
|
||||
width: 800px;
|
||||
|
|
@ -69,10 +61,6 @@ body.maintenance-page {
|
|||
.maintenance-page #main {
|
||||
width: 700px;
|
||||
}
|
||||
.maintenance-page #messages div.section {
|
||||
padding: 0;
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
@media all and (min-width: 600px) { /* @TODO find the proper breakpoint */
|
||||
.maintenance-page #page {
|
||||
|
|
|
|||
|
|
@ -13,21 +13,22 @@
|
|||
* - site_slogan: Slogan for site as defined in Site information settings.
|
||||
*/
|
||||
#}
|
||||
{% set attributes = attributes.addClass('site-branding') %}
|
||||
{% block content %}
|
||||
{% if site_logo %}
|
||||
<a href="{{ url('<front>') }}" title="{{ 'Home'|t }}" rel="home" class="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">
|
||||
<div class="site-branding__text">
|
||||
{% if site_name %}
|
||||
<strong class="site-name">
|
||||
<a href="{{ url('<front>') }}" title="{{ 'Home'|t }}" rel="home">{{ site_name }}</a>
|
||||
</strong>
|
||||
<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-slogan">{{ site_slogan }}</div>
|
||||
<div class="site-branding__slogan">{{ site_slogan }}</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
@ -93,10 +93,6 @@
|
|||
{% endif %}
|
||||
</header>
|
||||
<div{{ content_attributes.addClass('node__content', 'clearfix') }}>
|
||||
{{ content|without('comment', 'links') }}
|
||||
{{ content }}
|
||||
</div>
|
||||
{% if content.links %}
|
||||
<div class="node__links">{{ content.links }}</div>
|
||||
{% endif %}
|
||||
{{ content.comment }}
|
||||
</article>
|
||||
|
|
|
|||
16
core/themes/bartik/templates/page-title.html.twig
Normal file
16
core/themes/bartik/templates/page-title.html.twig
Normal file
|
|
@ -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') %}
|
||||
|
|
@ -25,19 +25,8 @@
|
|||
* name has been disabled in the theme settings.
|
||||
* - site_slogan: The slogan of the site. This is empty when displaying the site
|
||||
* slogan has been disabled in theme settings.
|
||||
* - hide_site_name: A flag indicating if the site name has been toggled off on
|
||||
* the theme settings page. If hidden, the "visually-hidden" class is added
|
||||
* to make the site name visually hidden, but still accessible.
|
||||
* - hide_site_slogan: A flag indicating if the site slogan has been toggled off
|
||||
* on the theme settings page. If hidden, the "visually-hidden" class is
|
||||
* added to make the site slogan visually hidden, but still accessible.
|
||||
*
|
||||
|
||||
* Page content (in order of occurrence in the default page.html.twig):
|
||||
* - 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.
|
||||
* - 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
|
||||
|
|
@ -72,34 +61,6 @@
|
|||
<header id="header" class="header" role="banner" aria-label="{{ 'Site header'|t}}">
|
||||
<div class="section layout-container clearfix">
|
||||
{{ page.secondary_menu }}
|
||||
{% if logo %}
|
||||
<a href="{{ front_page }}" title="{{ 'Home'|t }}" rel="home" id="logo">
|
||||
<img src="{{ logo }}" alt="{{ 'Home'|t }}" />
|
||||
</a>
|
||||
{% endif %}
|
||||
{% if site_name or site_slogan %}
|
||||
<div id="name-and-slogan"{% if hide_site_name and hide_site_slogan %} class="visually-hidden"{% endif %}>
|
||||
{% if site_name %}
|
||||
{% if title %}
|
||||
<div id="site-name"{% if hide_site_name %} class="visually-hidden"{% endif %}>
|
||||
<strong>
|
||||
<a href="{{ front_page }}" title="{{ 'Home'|t }}" rel="home"><span>{{ site_name }}</span></a>
|
||||
</strong>
|
||||
</div>
|
||||
{# Use h1 when the content title is empty #}
|
||||
{% else %}
|
||||
<h1 id="site-name"{% if hide_site_name %} class="visually-hidden" {% endif %}>
|
||||
<a href="{{ front_page }}" title="{{ 'Home'|t }}" rel="home"><span>{{ site_name }}</span></a>
|
||||
</h1>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% if site_slogan %}
|
||||
<div id="site-slogan"{% if hide_site_slogan %} class="visually-hidden"{% endif %}>
|
||||
{{ site_slogan }}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endif %}
|
||||
{{ page.header }}
|
||||
{{ page.primary_menu }}
|
||||
</div>
|
||||
|
|
@ -124,13 +85,6 @@
|
|||
<main id="content" class="column main-content" role="main">
|
||||
<section class="section">
|
||||
<a id="main-content" tabindex="-1"></a>
|
||||
{{ title_prefix }}
|
||||
{% if title %}
|
||||
<h1 class="title page-title">
|
||||
{{ title }}
|
||||
</h1>
|
||||
{% endif %}
|
||||
{{ title_suffix }}
|
||||
{{ page.content }}
|
||||
</section>
|
||||
</main>
|
||||
|
|
|
|||
16
core/themes/bartik/templates/region--header.html.twig
Normal file
16
core/themes/bartik/templates/region--header.html.twig
Normal file
|
|
@ -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') %}
|
||||
|
|
@ -25,10 +25,8 @@
|
|||
{% block messages %}
|
||||
{% if message_list is not empty %}
|
||||
{{ attach_library('bartik/messages') }}
|
||||
<div id="messages">
|
||||
<div class="section clearfix">
|
||||
{{ parent() }}
|
||||
</div>
|
||||
<div class="messages__wrapper layout-container">
|
||||
{{ parent() }}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endblock messages %}
|
||||
|
|
|
|||
|
|
@ -4,7 +4,16 @@ description: 'A base theme with sensible default CSS classes added. Learn how to
|
|||
package: Core
|
||||
version: VERSION
|
||||
core: 8.x
|
||||
base theme: false
|
||||
|
||||
libraries:
|
||||
- classy/base
|
||||
- core/normalize
|
||||
|
||||
libraries-extend:
|
||||
user/drupal.user:
|
||||
- classy/user
|
||||
core/drupal.dropbutton:
|
||||
- classy/dropbutton
|
||||
core/drupal.dialog:
|
||||
- classy/dialog
|
||||
|
|
|
|||
|
|
@ -1,20 +1,72 @@
|
|||
base:
|
||||
version: VERSION
|
||||
css:
|
||||
theme:
|
||||
css/layout.css: {}
|
||||
component:
|
||||
css/components/action-links.css: { weight: -10 }
|
||||
css/components/breadcrumb.css: { weight: -10 }
|
||||
css/components/button.css: { weight: -10 }
|
||||
css/components/collapse-processed.css: { weight: -10 }
|
||||
css/components/container-inline.css: { weight: -10 }
|
||||
css/components/details.css: { weight: -10 }
|
||||
css/components/exposed-filters.css: { weight: -10 }
|
||||
css/components/field.css: { weight: -10 }
|
||||
css/components/form.css: { weight: -10 }
|
||||
css/components/icons.css: { weight: -10 }
|
||||
css/components/inline-form.css: { weight: -10 }
|
||||
css/components/item-list.css: { weight: -10 }
|
||||
css/components/link.css: { weight: -10 }
|
||||
css/components/links.css: { weight: -10 }
|
||||
css/components/menu.css: { weight: -10 }
|
||||
css/components/more-link.css: { weight: -10 }
|
||||
css/components/pager.css: { weight: -10 }
|
||||
css/components/tabledrag.css: { weight: -10 }
|
||||
css/components/tableselect.css: { weight: -10 }
|
||||
css/components/tablesort.css: { weight: -10 }
|
||||
css/components/tabs.css: { weight: -10 }
|
||||
css/components/textarea.css: { weight: -10 }
|
||||
css/components/ui-dialog.css: { weight: -10 }
|
||||
|
||||
book-navigation:
|
||||
version: VERSION
|
||||
css:
|
||||
theme:
|
||||
css/navigation/book.theme.css: {}
|
||||
component:
|
||||
css/components/book-navigation.css: {}
|
||||
|
||||
drupal.comment.threaded:
|
||||
dialog:
|
||||
version: VERSION
|
||||
css:
|
||||
theme:
|
||||
css/comment/comment.theme.css: {}
|
||||
component:
|
||||
css/components/dialog.css: { weight: -10 }
|
||||
|
||||
dropbutton:
|
||||
version: VERSION
|
||||
css:
|
||||
component:
|
||||
css/components/dropbutton.css: { weight: -10 }
|
||||
|
||||
file:
|
||||
version: VERSION
|
||||
css:
|
||||
component:
|
||||
css/components/file.css: { weight: -10 }
|
||||
|
||||
forum:
|
||||
version: VERSION
|
||||
css:
|
||||
component:
|
||||
css/components/forum.css: { weight: -10 }
|
||||
|
||||
indented:
|
||||
version: VERSION
|
||||
css:
|
||||
component:
|
||||
css/components/indented.css: {}
|
||||
|
||||
messages:
|
||||
version: VERSION
|
||||
css:
|
||||
component:
|
||||
css/components/messages.css: { weight: -10 }
|
||||
|
||||
node:
|
||||
version: VERSION
|
||||
|
|
@ -22,8 +74,20 @@ node:
|
|||
component:
|
||||
css/components/node.css: { weight: -10 }
|
||||
|
||||
search.results:
|
||||
progress:
|
||||
version: VERSION
|
||||
css:
|
||||
theme:
|
||||
css/search/search.theme.css: {}
|
||||
component:
|
||||
css/components/progress.css: { weight: -10 }
|
||||
|
||||
search-results:
|
||||
version: VERSION
|
||||
css:
|
||||
component:
|
||||
css/components/search-results.css: {}
|
||||
|
||||
user:
|
||||
version: VERSION
|
||||
css:
|
||||
component:
|
||||
css/components/user.css: { weight: -10 }
|
||||
|
|
|
|||
43
core/themes/classy/css/components/action-links.css
Normal file
43
core/themes/classy/css/components/action-links.css
Normal file
|
|
@ -0,0 +1,43 @@
|
|||
/**
|
||||
* @file
|
||||
* Styles for link buttons and action links.
|
||||
*/
|
||||
|
||||
.action-links {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 1em 0;
|
||||
}
|
||||
[dir="rtl"] .action-links {
|
||||
/* This is required to win over specificity of [dir="rtl"] ul */
|
||||
margin-right: 0;
|
||||
}
|
||||
.action-links li {
|
||||
display: inline-block;
|
||||
margin: 0 0.3em;
|
||||
}
|
||||
.action-links li:first-child {
|
||||
margin-left: 0; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .action-links li:first-child {
|
||||
margin-left: 0.3em;
|
||||
margin-right: 0;
|
||||
}
|
||||
.button-action {
|
||||
display: inline-block;
|
||||
line-height: 160%;
|
||||
padding: 0.2em 0.5em 0.3em;
|
||||
text-decoration: none;
|
||||
}
|
||||
.button-action:before {
|
||||
content: '+';
|
||||
font-weight: 900;
|
||||
margin-left: -0.1em; /* LTR */
|
||||
padding-right: 0.2em; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .button-action:before {
|
||||
margin-left: 0;
|
||||
margin-right: -0.1em;
|
||||
padding-left: 0.2em;
|
||||
padding-right: 0;
|
||||
}
|
||||
29
core/themes/classy/css/components/breadcrumb.css
Normal file
29
core/themes/classy/css/components/breadcrumb.css
Normal file
|
|
@ -0,0 +1,29 @@
|
|||
/**
|
||||
* @file
|
||||
* Styles for breadcrumbs.
|
||||
*/
|
||||
|
||||
.breadcrumb {
|
||||
padding-bottom: 0.5em;
|
||||
}
|
||||
.breadcrumb ol {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
[dir="rtl"] .breadcrumb ol {
|
||||
/* This is required to win over specificity of [dir="rtl"] ol */
|
||||
margin-right: 0;
|
||||
}
|
||||
.breadcrumb li {
|
||||
display: inline;
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
/* IE8 does not support :not() and :last-child. */
|
||||
.breadcrumb li:before {
|
||||
content: ' \BB ';
|
||||
}
|
||||
.breadcrumb li:first-child:before {
|
||||
content: none;
|
||||
}
|
||||
15
core/themes/classy/css/components/button.css
Normal file
15
core/themes/classy/css/components/button.css
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
/**
|
||||
* @file
|
||||
* Visual styles for buttons.
|
||||
*/
|
||||
|
||||
.button,
|
||||
.image-button {
|
||||
margin-left: 1em;
|
||||
margin-right: 1em;
|
||||
}
|
||||
.button:first-child,
|
||||
.image-button:first-child {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
32
core/themes/classy/css/components/collapse-processed.css
Normal file
32
core/themes/classy/css/components/collapse-processed.css
Normal file
|
|
@ -0,0 +1,32 @@
|
|||
/**
|
||||
* @file
|
||||
* Visual styles for collapsible fieldsets.
|
||||
*/
|
||||
|
||||
.collapse-processed > summary {
|
||||
padding-left: 0.5em;
|
||||
padding-right: 0.5em;
|
||||
}
|
||||
.collapse-processed > summary:before {
|
||||
background: url(../../../../misc/menu-expanded.png) 0px 100% no-repeat; /* LTR */
|
||||
content: "";
|
||||
float: left; /* LTR */
|
||||
height: 1em;
|
||||
width: 1em;
|
||||
}
|
||||
[dir="rtl"] .collapse-processed > summary:before {
|
||||
background-position: 100% 100%;
|
||||
float: right;
|
||||
}
|
||||
.collapse-processed:not([open]) > summary:before {
|
||||
background-position: 25% 35%; /* LTR */
|
||||
-ms-transform: rotate(-90deg);
|
||||
-webkit-transform: rotate(-90deg);
|
||||
transform: rotate(-90deg);
|
||||
}
|
||||
[dir="rtl"] .collapse-processed:not([open]) > summary:before {
|
||||
background-position: 75% 35%;
|
||||
-ms-transform: rotate(90deg);
|
||||
-webkit-transform: rotate(90deg);
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
20
core/themes/classy/css/components/container-inline.css
Normal file
20
core/themes/classy/css/components/container-inline.css
Normal file
|
|
@ -0,0 +1,20 @@
|
|||
/**
|
||||
* @file
|
||||
* Inline items.
|
||||
*/
|
||||
|
||||
.container-inline label:after,
|
||||
.container-inline .label:after {
|
||||
content: ':';
|
||||
}
|
||||
.form-type-radios .container-inline label:after {
|
||||
content: '';
|
||||
}
|
||||
.form-type-radios .container-inline .form-type-radio {
|
||||
margin: 0 1em;
|
||||
}
|
||||
.container-inline .form-actions,
|
||||
.container-inline.form-actions {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
23
core/themes/classy/css/components/details.css
Normal file
23
core/themes/classy/css/components/details.css
Normal file
|
|
@ -0,0 +1,23 @@
|
|||
/**
|
||||
* @file
|
||||
* Collapsible details.
|
||||
*
|
||||
* @see collapse.js
|
||||
* @see http://nicolasgallagher.com/css-background-image-hacks/
|
||||
*/
|
||||
|
||||
details {
|
||||
border: 1px solid #ccc;
|
||||
margin-top: 1em;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
details > .details-wrapper {
|
||||
padding: 0.5em 1.5em;
|
||||
}
|
||||
/* @todo Regression: The summary of uncollapsible details are no longer
|
||||
vertically aligned with the .details-wrapper in browsers without native
|
||||
details support. */
|
||||
summary {
|
||||
cursor: pointer;
|
||||
padding: 0.2em 0.5em;
|
||||
}
|
||||
72
core/themes/classy/css/components/dialog.css
Normal file
72
core/themes/classy/css/components/dialog.css
Normal file
|
|
@ -0,0 +1,72 @@
|
|||
/**
|
||||
* @file
|
||||
* Presentational styles for Drupal dialogs.
|
||||
*/
|
||||
|
||||
.ui-dialog {
|
||||
position: absolute;
|
||||
z-index: 1260;
|
||||
overflow: visible;
|
||||
color: #000;
|
||||
background: #fff;
|
||||
border: solid 1px #ccc;
|
||||
padding: 0;
|
||||
}
|
||||
@media all and (max-width: 48em) { /* 768px */
|
||||
.ui-dialog {
|
||||
width: 92% !important;
|
||||
}
|
||||
}
|
||||
.ui-dialog .ui-dialog-titlebar {
|
||||
font-weight: bold;
|
||||
background: #f3f4ee;
|
||||
border-style: solid;
|
||||
border-radius: 0;
|
||||
border-width: 0 0 1px 0;
|
||||
border-color: #ccc;
|
||||
}
|
||||
.ui-dialog .ui-dialog-titlebar-close {
|
||||
border: 0;
|
||||
background: none;
|
||||
}
|
||||
.ui-dialog .ui-dialog-buttonpane {
|
||||
margin-top: 0;
|
||||
background: #f3f4ee;
|
||||
padding: .3em 1em;
|
||||
border-width: 1px 0 0 0;
|
||||
border-color: #ccc;
|
||||
}
|
||||
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.ui-dialog .ui-dialog-buttonpane .ui-button-text-only .ui-button-text {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/* Form action buttons are moved in dialogs. Remove empty space. */
|
||||
.ui-dialog .ui-dialog-content .form-actions {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
.ui-dialog .ajax-progress-throbber {
|
||||
/* Can't do center:50% middle: 50%, so approximate it for a typical window size. */
|
||||
left: 49%;
|
||||
position: fixed;
|
||||
top: 48.5%;
|
||||
z-index: 1000;
|
||||
background-color: #232323;
|
||||
background-image: url(loading-small.gif);
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
border-radius: 7px;
|
||||
height: 24px;
|
||||
opacity: 0.9;
|
||||
padding: 4px;
|
||||
width: 24px;
|
||||
}
|
||||
.ui-dialog .ajax-progress-throbber .throbber,
|
||||
.ui-dialog .ajax-progress-throbber .message {
|
||||
display: none;
|
||||
}
|
||||
|
||||
33
core/themes/classy/css/components/dropbutton.css
Normal file
33
core/themes/classy/css/components/dropbutton.css
Normal file
|
|
@ -0,0 +1,33 @@
|
|||
/**
|
||||
* @file
|
||||
* General styles for dropbuttons.
|
||||
*/
|
||||
|
||||
.js .dropbutton-widget {
|
||||
background-color: white;
|
||||
border: 1px solid #cccccc;
|
||||
}
|
||||
.js .dropbutton-widget:hover {
|
||||
border-color: #b8b8b8;
|
||||
}
|
||||
.dropbutton .dropbutton-action > * {
|
||||
padding: 0.1em 0.5em;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.dropbutton .secondary-action {
|
||||
border-top: 1px solid #e8e8e8;
|
||||
}
|
||||
.dropbutton-multiple .dropbutton {
|
||||
border-right: 1px solid #e8e8e8; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .dropbutton-multiple .dropbutton {
|
||||
border-left: 1px solid #e8e8e8;
|
||||
border-right: 0 none;
|
||||
}
|
||||
.dropbutton-multiple .dropbutton .dropbutton-action > * {
|
||||
margin-right: 0.25em; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .dropbutton-multiple .dropbutton .dropbutton-action > * {
|
||||
margin-left: 0.25em;
|
||||
margin-right: 0;
|
||||
}
|
||||
46
core/themes/classy/css/components/exposed-filters.css
Normal file
46
core/themes/classy/css/components/exposed-filters.css
Normal file
|
|
@ -0,0 +1,46 @@
|
|||
/**
|
||||
* @file
|
||||
* Visual styles for exposed filters.
|
||||
*/
|
||||
|
||||
.exposed-filters .filters {
|
||||
float: left; /* LTR */
|
||||
margin-right: 1em; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .exposed-filters .filters {
|
||||
float: right;
|
||||
margin-left: 1em;
|
||||
margin-right: 0;
|
||||
}
|
||||
.exposed-filters .form-item {
|
||||
margin: 0 0 0.1em 0;
|
||||
padding: 0;
|
||||
}
|
||||
.exposed-filters .form-item label {
|
||||
float: left; /* LTR */
|
||||
font-weight: normal;
|
||||
width: 10em;
|
||||
}
|
||||
[dir="rtl"] .exposed-filters .form-item label {
|
||||
float: right;
|
||||
}
|
||||
.exposed-filters .form-select {
|
||||
width: 14em;
|
||||
}
|
||||
/* Current filters */
|
||||
.exposed-filters .current-filters {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
.exposed-filters .current-filters .placeholder {
|
||||
font-style: normal;
|
||||
font-weight: bold;
|
||||
}
|
||||
.exposed-filters .additional-filters {
|
||||
float: left; /* LTR */
|
||||
margin-right: 1em; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .exposed-filters .additional-filters {
|
||||
float: right;
|
||||
margin-left: 1em;
|
||||
margin-right: 0;
|
||||
}
|
||||
25
core/themes/classy/css/components/field.css
Normal file
25
core/themes/classy/css/components/field.css
Normal file
|
|
@ -0,0 +1,25 @@
|
|||
/**
|
||||
* @file
|
||||
* Visual styles for fields.
|
||||
*/
|
||||
|
||||
.field__label {
|
||||
font-weight: bold;
|
||||
}
|
||||
.field--label-inline .field__label,
|
||||
.field--label-inline .field__items {
|
||||
float: left; /*LTR*/
|
||||
}
|
||||
.field--label-inline .field__label,
|
||||
.field--label-inline > .field__item,
|
||||
.field--label-inline .field__items {
|
||||
padding-right: 0.5em;
|
||||
}
|
||||
[dir="rtl"] .field--label-inline .field__label,
|
||||
[dir="rtl"] .field--label-inline .field__items {
|
||||
padding-left: 0.5em;
|
||||
padding-right: 0;
|
||||
}
|
||||
.field--label-inline .field__label::after {
|
||||
content: ':';
|
||||
}
|
||||
62
core/themes/classy/css/components/file.css
Normal file
62
core/themes/classy/css/components/file.css
Normal file
|
|
@ -0,0 +1,62 @@
|
|||
/**
|
||||
* @file
|
||||
* Default style for file module.
|
||||
*/
|
||||
|
||||
/* File icons.*/
|
||||
|
||||
.file {
|
||||
padding-left: 20px; /* LTR */
|
||||
display: inline-block;
|
||||
min-height: 16px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: left center; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .file {
|
||||
padding-left: inherit;
|
||||
padding-right: 20px;
|
||||
background-position: right center;
|
||||
}
|
||||
.file--general,
|
||||
.file--application-octet-stream {
|
||||
background-image: url(../../images/icons/application-octet-stream.png);
|
||||
}
|
||||
.file--package-x-generic {
|
||||
background-image: url(../../images/icons/package-x-generic.png);
|
||||
}
|
||||
.file--x-office-spreadsheet {
|
||||
background-image: url(../../images/icons/x-office-spreadsheet.png);
|
||||
}
|
||||
.file--x-office-document {
|
||||
background-image: url(../../images/icons/x-office-document.png);
|
||||
}
|
||||
.file--x-office-presentation {
|
||||
background-image: url(../../images/icons/x-office-presentation.png);
|
||||
}
|
||||
.file--text-x-script {
|
||||
background-image: url(../../images/icons/text-x-script.png);
|
||||
}
|
||||
.file--text-html {
|
||||
background-image: url(../../images/icons/text-html.png);
|
||||
}
|
||||
.file--text-plain {
|
||||
background-image: url(../../images/icons/text-plain.png);
|
||||
}
|
||||
.file--application-pdf {
|
||||
background-image: url(../../images/icons/application-pdf.png);
|
||||
}
|
||||
.file--application-x-executable {
|
||||
background-image: url(../../images/icons/application-x-executable.png);
|
||||
}
|
||||
.file--audio {
|
||||
background-image: url(../../images/icons/audio-x-generic.png);
|
||||
}
|
||||
.file--video {
|
||||
background-image: url(../../images/icons/video-x-generic.png);
|
||||
}
|
||||
.file--text {
|
||||
background-image: url(../../images/icons/text-x-generic.png);
|
||||
}
|
||||
.file--image {
|
||||
background-image: url(../../images/icons/image-x-generic.png);
|
||||
}
|
||||
104
core/themes/classy/css/components/form.css
Normal file
104
core/themes/classy/css/components/form.css
Normal file
|
|
@ -0,0 +1,104 @@
|
|||
/**
|
||||
* @file
|
||||
* Visual styles for form components.
|
||||
*/
|
||||
|
||||
form .field-multiple-table {
|
||||
margin: 0;
|
||||
}
|
||||
form .field-multiple-table .field-multiple-drag {
|
||||
width: 30px;
|
||||
padding-right: 0; /*LTR*/
|
||||
}
|
||||
[dir="rtl"] form .field-multiple-table .field-multiple-drag {
|
||||
padding-left: 0;
|
||||
}
|
||||
form .field-multiple-table .field-multiple-drag .tabledrag-handle {
|
||||
padding-right: .5em; /*LTR*/
|
||||
}
|
||||
[dir="rtl"] form .field-multiple-table .field-multiple-drag .tabledrag-handle {
|
||||
padding-right: 0;
|
||||
padding-left: .5em;
|
||||
}
|
||||
form .field-add-more-submit {
|
||||
margin: .5em 0 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Markup generated by Form API.
|
||||
*/
|
||||
.form-item,
|
||||
.form-actions {
|
||||
margin-top: 1em;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
tr.odd .form-item,
|
||||
tr.even .form-item {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.form-composite > .fieldset-wrapper > .description,
|
||||
.form-item .description {
|
||||
font-size: 0.85em;
|
||||
}
|
||||
label.option {
|
||||
display: inline;
|
||||
font-weight: normal;
|
||||
}
|
||||
.form-composite > legend,
|
||||
.label {
|
||||
display:inline;
|
||||
font-size: inherit;
|
||||
font-weight: bold;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.form-checkboxes .form-item,
|
||||
.form-radios .form-item {
|
||||
margin-top: 0.4em;
|
||||
margin-bottom: 0.4em;
|
||||
}
|
||||
.form-type-radio .description,
|
||||
.form-type-checkbox .description {
|
||||
margin-left: 2.4em; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .form-type-radio .description,
|
||||
[dir="rtl"] .form-type-checkbox .description {
|
||||
margin-left: 0;
|
||||
margin-right: 2.4em;
|
||||
}
|
||||
.marker {
|
||||
color: #e00;
|
||||
}
|
||||
.form-required:after {
|
||||
content: '';
|
||||
vertical-align: super;
|
||||
display: inline-block;
|
||||
/* Use a background image to prevent screen readers from announcing the text. */
|
||||
background-image: url(../../../../misc/icons/ee0000/required.svg);
|
||||
background-repeat: no-repeat;
|
||||
background-size: 6px 6px;
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
margin: 0 0.3em;
|
||||
}
|
||||
abbr.tabledrag-changed,
|
||||
abbr.ajax-changed {
|
||||
border-bottom: none;
|
||||
}
|
||||
.form-item input.error,
|
||||
.form-item textarea.error,
|
||||
.form-item select.error {
|
||||
border: 2px solid red;
|
||||
}
|
||||
|
||||
/* Inline error messages. */
|
||||
.form-item--error-message:before {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
height: 14px;
|
||||
width: 14px;
|
||||
vertical-align: sub;
|
||||
background: url(../../../../misc/icons/e32700/error.svg) no-repeat;
|
||||
background-size: contain;
|
||||
}
|
||||
46
core/themes/classy/css/components/forum.css
Normal file
46
core/themes/classy/css/components/forum.css
Normal file
|
|
@ -0,0 +1,46 @@
|
|||
/**
|
||||
* @file
|
||||
* Styling for the Forum module.
|
||||
*/
|
||||
|
||||
.forum__description {
|
||||
font-size: 0.9em;
|
||||
margin: 0.5em;
|
||||
}
|
||||
.forum__icon {
|
||||
background-image: url(../../images/icons/forum-icons.png);
|
||||
background-repeat: no-repeat;
|
||||
float: left; /* LTR */
|
||||
height: 24px;
|
||||
margin: 0 9px 0 0; /* LTR */
|
||||
width: 24px;
|
||||
}
|
||||
[dir="rtl"] .forum__icon {
|
||||
float: right;
|
||||
margin: 0 0 0 9px;
|
||||
}
|
||||
.forum__title {
|
||||
overflow: hidden;
|
||||
}
|
||||
.forum .indented {
|
||||
margin-left: 20px; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .forum .indented {
|
||||
margin-left: 0;
|
||||
margin-right: 20px;
|
||||
}
|
||||
.forum__topic-status--new {
|
||||
background-position: -24px 0;
|
||||
}
|
||||
.forum__topic-status--hot {
|
||||
background-position: -48px 0;
|
||||
}
|
||||
.forum__topic-status--hot-new {
|
||||
background-position: -72px 0;
|
||||
}
|
||||
.forum__topic-status--sticky {
|
||||
background-position: -96px 0;
|
||||
}
|
||||
.forum__topic-status--closed {
|
||||
background-position: -120px 0;
|
||||
}
|
||||
21
core/themes/classy/css/components/icons.css
Normal file
21
core/themes/classy/css/components/icons.css
Normal file
|
|
@ -0,0 +1,21 @@
|
|||
/**
|
||||
* @file
|
||||
* Visual styles for icons.
|
||||
*/
|
||||
|
||||
.icon-help {
|
||||
background: url(../../../../misc/help.png) 0 50% no-repeat; /* LTR */
|
||||
padding: 1px 0 1px 20px; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .icon-help {
|
||||
background-position: 100% 50%;
|
||||
padding: 1px 20px 1px 0;
|
||||
}
|
||||
.feed-icon {
|
||||
background: url(../../../../misc/feed.svg) no-repeat;
|
||||
overflow: hidden;
|
||||
text-indent: -9999px;
|
||||
display: block;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
21
core/themes/classy/css/components/image-widget.css
Normal file
21
core/themes/classy/css/components/image-widget.css
Normal file
|
|
@ -0,0 +1,21 @@
|
|||
|
||||
/**
|
||||
* Image upload widget.
|
||||
*/
|
||||
.image-preview {
|
||||
float: left; /* LTR */
|
||||
padding: 0 10px 10px 0; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .image-preview {
|
||||
float: right;
|
||||
padding: 0 0 10px 10px;
|
||||
}
|
||||
.image-widget-data {
|
||||
float: left; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .image-widget-data {
|
||||
float: right;
|
||||
}
|
||||
.image-widget-data .text-field {
|
||||
width: auto;
|
||||
}
|
||||
29
core/themes/classy/css/components/inline-form.css
Normal file
29
core/themes/classy/css/components/inline-form.css
Normal file
|
|
@ -0,0 +1,29 @@
|
|||
/**
|
||||
* @file
|
||||
* Visual styles for inline forms.
|
||||
*/
|
||||
|
||||
.form--inline .form-item {
|
||||
float: left; /* LTR */
|
||||
margin-right: 0.5em; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .form--inline .form-item {
|
||||
float: right;
|
||||
margin-right: 0;
|
||||
margin-left: 0.5em;
|
||||
}
|
||||
.form--inline .form-item-separator {
|
||||
margin-top: 2.3em;
|
||||
margin-right: 1em; /* LTR */
|
||||
margin-left: 0.5em; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .form--inline .form-item-separator {
|
||||
margin-right: 0.5em;
|
||||
margin-left: 1em;
|
||||
}
|
||||
.form--inline .form-actions {
|
||||
clear: left; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .form--inline .form-actions {
|
||||
clear: right;
|
||||
}
|
||||
32
core/themes/classy/css/components/item-list.css
Normal file
32
core/themes/classy/css/components/item-list.css
Normal file
|
|
@ -0,0 +1,32 @@
|
|||
/**
|
||||
* @file
|
||||
* Visual styles for item list.
|
||||
*/
|
||||
|
||||
.item-list .title {
|
||||
font-weight: bold;
|
||||
}
|
||||
.item-list ul {
|
||||
margin: 0 0 0.75em 0;
|
||||
padding: 0;
|
||||
}
|
||||
.item-list li {
|
||||
margin: 0 0 0.25em 1.5em; /* LTR */
|
||||
padding: 0;
|
||||
}
|
||||
[dir="rtl"] .item-list li {
|
||||
margin: 0 1.5em 0.25em 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Comma separated lists.
|
||||
*/
|
||||
.item-list--comma-list {
|
||||
display: inline;
|
||||
}
|
||||
.item-list--comma-list .item-list__comma-list,
|
||||
.item-list__comma-list li,
|
||||
[dir="rtl"] .item-list--comma-list .item-list__comma-list,
|
||||
[dir="rtl"] .item-list__comma-list li {
|
||||
margin: 0;
|
||||
}
|
||||
16
core/themes/classy/css/components/link.css
Normal file
16
core/themes/classy/css/components/link.css
Normal file
|
|
@ -0,0 +1,16 @@
|
|||
/**
|
||||
* @file
|
||||
* Style another element as a link.
|
||||
*/
|
||||
|
||||
button.link {
|
||||
background: transparent;
|
||||
border: 0;
|
||||
cursor: pointer;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-size: 1em;
|
||||
}
|
||||
label button.link {
|
||||
font-weight: bold;
|
||||
}
|
||||
23
core/themes/classy/css/components/links.css
Normal file
23
core/themes/classy/css/components/links.css
Normal file
|
|
@ -0,0 +1,23 @@
|
|||
/**
|
||||
* @file
|
||||
* Visual styles for links.
|
||||
*/
|
||||
|
||||
ul.inline,
|
||||
ul.links.inline {
|
||||
display: inline;
|
||||
padding-left: 0; /* LTR */
|
||||
}
|
||||
[dir="rtl"] ul.inline,
|
||||
[dir="rtl"] ul.links.inline {
|
||||
padding-right: 0;
|
||||
padding-left: 15px;
|
||||
}
|
||||
ul.inline li {
|
||||
display: inline;
|
||||
list-style-type: none;
|
||||
padding: 0 0.5em;
|
||||
}
|
||||
ul.links a.is-active {
|
||||
color: #000;
|
||||
}
|
||||
34
core/themes/classy/css/components/menu.css
Normal file
34
core/themes/classy/css/components/menu.css
Normal file
|
|
@ -0,0 +1,34 @@
|
|||
/**
|
||||
* @file
|
||||
* Visual styles for menu.
|
||||
*/
|
||||
|
||||
ul.menu {
|
||||
list-style: none outside;
|
||||
margin-left: 1em; /* LTR */
|
||||
padding: 0;
|
||||
text-align: left; /* LTR */
|
||||
}
|
||||
[dir="rtl"] ul.menu {
|
||||
margin-left: 0;
|
||||
margin-right: 1em;
|
||||
text-align: right;
|
||||
}
|
||||
.menu-item--expanded {
|
||||
list-style-image: url(../../../../misc/menu-expanded.png);
|
||||
list-style-type: circle;
|
||||
}
|
||||
.menu-item--collapsed {
|
||||
list-style-image: url(../../../../misc/menu-collapsed.png); /* LTR */
|
||||
list-style-type: disc;
|
||||
}
|
||||
[dir="rtl"] .menu-item--collapsed {
|
||||
list-style-image: url(../../../../misc/menu-collapsed-rtl.png);
|
||||
}
|
||||
.menu-item {
|
||||
padding-top: 0.2em;
|
||||
margin: 0;
|
||||
}
|
||||
ul.menu a.is-active {
|
||||
color: #000;
|
||||
}
|
||||
72
core/themes/classy/css/components/messages.css
Normal file
72
core/themes/classy/css/components/messages.css
Normal file
|
|
@ -0,0 +1,72 @@
|
|||
/**
|
||||
* @file
|
||||
* Styles for system messages.
|
||||
*/
|
||||
|
||||
.messages {
|
||||
background: no-repeat 10px 17px; /* LTR */
|
||||
border: 1px solid;
|
||||
border-width: 1px 1px 1px 0; /* LTR */
|
||||
border-radius: 2px;
|
||||
padding: 15px 20px 15px 35px; /* LTR */
|
||||
word-wrap: break-word;
|
||||
overflow-wrap: break-word;
|
||||
}
|
||||
[dir="rtl"] .messages {
|
||||
border-width: 1px 0 1px 1px;
|
||||
background-position: right 10px top 17px;
|
||||
padding-left: 20px;
|
||||
padding-right: 35px;
|
||||
text-align: right;
|
||||
}
|
||||
.messages + .messages {
|
||||
margin-top: 1.538em;
|
||||
}
|
||||
.messages__list {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
.messages__item + .messages__item {
|
||||
margin-top: 0.769em;
|
||||
}
|
||||
/* See .color-success in Seven's colors.css */
|
||||
.messages--status {
|
||||
color: #325e1c;
|
||||
background-color: #f3faef;
|
||||
border-color: #c9e1bd #c9e1bd #c9e1bd transparent; /* LTR */
|
||||
background-image: url(../../../../misc/icons/73b355/check.svg);
|
||||
box-shadow: -8px 0 0 #77b259; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .messages--status {
|
||||
border-color: #c9e1bd transparent #c9e1bd #c9e1bd;
|
||||
box-shadow: 8px 0 0 #77b259;
|
||||
margin-left: 0;
|
||||
}
|
||||
/* See .color-warning in Seven's colors.css */
|
||||
.messages--warning {
|
||||
background-color: #fdf8ed;
|
||||
background-image: url(../../../../misc/icons/e29700/warning.svg);
|
||||
border-color: #f4daa6 #f4daa6 #f4daa6 transparent; /* LTR */
|
||||
color: #734c00;
|
||||
box-shadow: -8px 0 0 #e09600; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .messages--warning {
|
||||
border-color: #f4daa6 transparent #f4daa6 #f4daa6;
|
||||
box-shadow: 8px 0 0 #e09600;
|
||||
}
|
||||
/* See .color-error in Seven's colors.css */
|
||||
.messages--error {
|
||||
background-color: #fcf4f2;
|
||||
color: #a51b00;
|
||||
background-image: url(../../../../misc/icons/e32700/error.svg);
|
||||
border-color: #f9c9bf #f9c9bf #f9c9bf transparent; /* LTR */
|
||||
box-shadow: -8px 0 0 #e62600; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .messages--error {
|
||||
border-color: #f9c9bf transparent #f9c9bf #f9c9bf;
|
||||
box-shadow: 8px 0 0 #e62600;
|
||||
}
|
||||
.messages--error p.error {
|
||||
color: #a51b00;
|
||||
}
|
||||
12
core/themes/classy/css/components/more-link.css
Normal file
12
core/themes/classy/css/components/more-link.css
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
/**
|
||||
* @file
|
||||
* Markup generated by #type 'more_link'.
|
||||
*/
|
||||
|
||||
.more-link {
|
||||
display: block;
|
||||
text-align: right; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .more-link {
|
||||
text-align: left;
|
||||
}
|
||||
16
core/themes/classy/css/components/pager.css
Normal file
16
core/themes/classy/css/components/pager.css
Normal file
|
|
@ -0,0 +1,16 @@
|
|||
/**
|
||||
* @file
|
||||
* Visual styles for pager.
|
||||
*/
|
||||
|
||||
.pager__items {
|
||||
clear: both;
|
||||
text-align: center;
|
||||
}
|
||||
.pager__item {
|
||||
display: inline;
|
||||
padding: 0.5em;
|
||||
}
|
||||
.pager__item.is-active {
|
||||
font-weight: bold;
|
||||
}
|
||||
71
core/themes/classy/css/components/progress.css
Normal file
71
core/themes/classy/css/components/progress.css
Normal file
|
|
@ -0,0 +1,71 @@
|
|||
/**
|
||||
* @file
|
||||
* Visual styles for progress bar.
|
||||
*
|
||||
* @see progress.js
|
||||
*/
|
||||
|
||||
.progress__track {
|
||||
border-color: #b3b3b3;
|
||||
border-radius: 10em;
|
||||
background-color: #f2f1eb;
|
||||
background-image: -webkit-linear-gradient(#e7e7df, #f0f0f0);
|
||||
background-image: linear-gradient(#e7e7df, #f0f0f0);
|
||||
box-shadow: inset 0 1px 3px hsla(0, 0%, 0%, 0.16);
|
||||
}
|
||||
.progress__bar {
|
||||
border: 1px #07629a solid;
|
||||
background: #057ec9;
|
||||
background-image:
|
||||
-webkit-linear-gradient( top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15) ),
|
||||
-webkit-linear-gradient( left top,
|
||||
#0094f0 0%,
|
||||
#0094f0 25%,
|
||||
#007ecc 25%,
|
||||
#007ecc 50%,
|
||||
#0094f0 50%,
|
||||
#0094f0 75%,
|
||||
#0094f0 100% );
|
||||
background-image:
|
||||
-webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)), -webkit-linear-gradient(left top, #0094f0 0%, #0094f0 25%, #007ecc 25%, #007ecc 50%, #0094f0 50%, #0094f0 75%, #0094f0 100%);
|
||||
background-image:
|
||||
linear-gradient( to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15) ),
|
||||
linear-gradient( to right bottom,
|
||||
#0094f0 0%,
|
||||
#0094f0 25%,
|
||||
#007ecc 25%,
|
||||
#007ecc 50%,
|
||||
#0094f0 50%,
|
||||
#0094f0 75%,
|
||||
#0094f0 100% );
|
||||
background-size: 40px 40px;
|
||||
margin-top: -1px;
|
||||
margin-left: -1px; /* LTR */
|
||||
padding: 0 1px;
|
||||
height: 16px;
|
||||
border-radius: 10em;
|
||||
-webkit-animation: animate-stripes 3s linear infinite;
|
||||
-moz-animation: animate-stripes 3s linear infinite;
|
||||
-webkit-transition: width 0.5s ease-out;
|
||||
transition: width 0.5s ease-out;
|
||||
}
|
||||
[dir="rtl"] .progress__bar {
|
||||
margin-left: 0;
|
||||
margin-right: -1px;
|
||||
animation-direction: reverse;
|
||||
-webkit-animation-direction: reverse;
|
||||
-moz-animation-direction: reverse;
|
||||
}
|
||||
|
||||
/**
|
||||
* Progress bar animations.
|
||||
*/
|
||||
@-webkit-keyframes animate-stripes {
|
||||
0% {background-position: 0 0, 0 0;} 100% {background-position: 0 0, -80px 0;}
|
||||
}
|
||||
@-ms-keyframes animate-stripes {
|
||||
0% {background-position: 0 0, 0 0;} 100% {background-position: 0 0, -80px 0;}
|
||||
}
|
||||
@keyframes animate-stripes {
|
||||
0% {background-position: 0 0, 0 0;} 100% {background-position: 0 0, -80px 0;}
|
||||
}
|
||||
|
|
@ -2,6 +2,7 @@
|
|||
* @file
|
||||
* Stylesheet for results generated by the Search module.
|
||||
*/
|
||||
ol.search-results {
|
||||
|
||||
.search-results {
|
||||
list-style: none;
|
||||
}
|
||||
14
core/themes/classy/css/components/tabledrag.css
Normal file
14
core/themes/classy/css/components/tabledrag.css
Normal file
|
|
@ -0,0 +1,14 @@
|
|||
/**
|
||||
* @file
|
||||
* Visual styles for table drag.
|
||||
*/
|
||||
|
||||
tr.drag {
|
||||
background-color: #fffff0;
|
||||
}
|
||||
tr.drag-previous {
|
||||
background-color: #ffd;
|
||||
}
|
||||
body div.tabledrag-changed-warning {
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
19
core/themes/classy/css/components/tableselect.css
Normal file
19
core/themes/classy/css/components/tableselect.css
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
/**
|
||||
* @file
|
||||
* Table select behavior.
|
||||
*
|
||||
* @see tableselect.js
|
||||
*/
|
||||
|
||||
tr.selected td {
|
||||
background: #ffc;
|
||||
}
|
||||
td.checkbox,
|
||||
th.checkbox {
|
||||
text-align: center;
|
||||
}
|
||||
[dir="rtl"] td.checkbox,
|
||||
[dir="rtl"] th.checkbox {
|
||||
/* This is required to win over specificity of [dir="rtl"] td */
|
||||
text-align: center;
|
||||
}
|
||||
11
core/themes/classy/css/components/tablesort.css
Normal file
11
core/themes/classy/css/components/tablesort.css
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
/**
|
||||
* @file
|
||||
* Table sort indicator.
|
||||
*/
|
||||
|
||||
th.is-active img {
|
||||
display: inline;
|
||||
}
|
||||
td.is-active {
|
||||
background-color: #ddd;
|
||||
}
|
||||
33
core/themes/classy/css/components/tabs.css
Normal file
33
core/themes/classy/css/components/tabs.css
Normal file
|
|
@ -0,0 +1,33 @@
|
|||
/**
|
||||
* @file
|
||||
* Visual styles for tabs.
|
||||
*/
|
||||
|
||||
div.tabs {
|
||||
margin: 1em 0;
|
||||
}
|
||||
ul.tabs {
|
||||
list-style: none;
|
||||
margin: 0 0 0.5em;
|
||||
padding: 0;
|
||||
}
|
||||
.tabs > li {
|
||||
display: inline-block;
|
||||
margin-right: 0.3em; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .tabs > li {
|
||||
margin-left: 0.3em;
|
||||
margin-right: 0;
|
||||
}
|
||||
.tabs a {
|
||||
display: block;
|
||||
padding: 0.2em 1em;
|
||||
text-decoration: none;
|
||||
}
|
||||
.tabs a.is-active {
|
||||
background-color: #eee;
|
||||
}
|
||||
.tabs a:focus,
|
||||
.tabs a:hover {
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
11
core/themes/classy/css/components/textarea.css
Normal file
11
core/themes/classy/css/components/textarea.css
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
/**
|
||||
* @file
|
||||
* Visual styles for a resizable textarea.
|
||||
*/
|
||||
|
||||
.form-textarea-wrapper textarea {
|
||||
display: block;
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
15
core/themes/classy/css/components/ui-dialog.css
Normal file
15
core/themes/classy/css/components/ui-dialog.css
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
/**
|
||||
* @file
|
||||
* Styles for Classy's modal windows.
|
||||
*/
|
||||
|
||||
.ui-dialog--narrow {
|
||||
max-width: 500px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 600px) {
|
||||
.ui-dialog--narrow {
|
||||
max-width: 95%;
|
||||
min-width: 95%;
|
||||
}
|
||||
}
|
||||
66
core/themes/classy/css/components/user.css
Normal file
66
core/themes/classy/css/components/user.css
Normal file
|
|
@ -0,0 +1,66 @@
|
|||
/**
|
||||
* @file
|
||||
* Theme styling for user module.
|
||||
*/
|
||||
|
||||
/* Visual styling for the Password strength indicator */
|
||||
.password-strength__meter {
|
||||
margin-top: 0.5em;
|
||||
background-color: #ebeae4;
|
||||
}
|
||||
.password-strength__indicator {
|
||||
background-color: #77b259;
|
||||
-webkit-transition: width 0.5s ease-out;
|
||||
transition: width 0.5s ease-out;
|
||||
}
|
||||
.password-strength__indicator.is-weak {
|
||||
background-color: #e62600;
|
||||
}
|
||||
.password-strength__indicator.is-fair {
|
||||
background-color: #e09600;
|
||||
}
|
||||
.password-strength__indicator.is-good {
|
||||
background-color: #0074bd;
|
||||
}
|
||||
.password-strength__indicator.is-strong {
|
||||
background-color: #77b259;
|
||||
}
|
||||
|
||||
.password-confirm,
|
||||
.password-field,
|
||||
.password-strength,
|
||||
.password-confirm-match {
|
||||
width: 55%;
|
||||
}
|
||||
|
||||
.password-suggestions {
|
||||
padding: 0.2em 0.5em;
|
||||
margin: 0.7em 0;
|
||||
max-width: 34.7em;
|
||||
border: 1px solid #b4b4b4;
|
||||
}
|
||||
.password-suggestions ul {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.confirm-parent,
|
||||
.password-parent {
|
||||
clear: left; /* LTR */
|
||||
margin: 0;
|
||||
max-width: 33em;
|
||||
overflow: hidden;
|
||||
}
|
||||
[dir="rtl"] .confirm-parent,
|
||||
[dir="rtl"] .password-parent {
|
||||
clear: right;
|
||||
}
|
||||
|
||||
/* Styling for the status indicator of the passwords match test. */
|
||||
.password-confirm .ok {
|
||||
color: #325e1c;
|
||||
font-weight: bold;
|
||||
}
|
||||
.password-confirm .error {
|
||||
color: #a51b00;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
|
@ -1,6 +0,0 @@
|
|||
/**
|
||||
* @file
|
||||
* Classy layout file. Do NOT delete. Needed for testing.
|
||||
*
|
||||
* @see \Drupal\system\Tests\Installer\InstallerTranslationTest::testInstaller()
|
||||
*/
|
||||
BIN
core/themes/classy/images/icons/application-octet-stream.png
Normal file
BIN
core/themes/classy/images/icons/application-octet-stream.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 189 B |
BIN
core/themes/classy/images/icons/application-pdf.png
Normal file
BIN
core/themes/classy/images/icons/application-pdf.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 346 B |
BIN
core/themes/classy/images/icons/application-x-executable.png
Normal file
BIN
core/themes/classy/images/icons/application-x-executable.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 189 B |
BIN
core/themes/classy/images/icons/audio-x-generic.png
Normal file
BIN
core/themes/classy/images/icons/audio-x-generic.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 314 B |
BIN
core/themes/classy/images/icons/forum-icons.png
Normal file
BIN
core/themes/classy/images/icons/forum-icons.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
BIN
core/themes/classy/images/icons/image-x-generic.png
Normal file
BIN
core/themes/classy/images/icons/image-x-generic.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 385 B |
BIN
core/themes/classy/images/icons/package-x-generic.png
Normal file
BIN
core/themes/classy/images/icons/package-x-generic.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 260 B |
BIN
core/themes/classy/images/icons/text-html.png
Normal file
BIN
core/themes/classy/images/icons/text-html.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 265 B |
BIN
core/themes/classy/images/icons/text-plain.png
Normal file
BIN
core/themes/classy/images/icons/text-plain.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 220 B |
BIN
core/themes/classy/images/icons/text-x-generic.png
Normal file
BIN
core/themes/classy/images/icons/text-x-generic.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 220 B |
BIN
core/themes/classy/images/icons/text-x-script.png
Normal file
BIN
core/themes/classy/images/icons/text-x-script.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 276 B |
BIN
core/themes/classy/images/icons/video-x-generic.png
Normal file
BIN
core/themes/classy/images/icons/video-x-generic.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 214 B |
BIN
core/themes/classy/images/icons/x-office-document.png
Normal file
BIN
core/themes/classy/images/icons/x-office-document.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 196 B |
BIN
core/themes/classy/images/icons/x-office-presentation.png
Normal file
BIN
core/themes/classy/images/icons/x-office-presentation.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 181 B |
BIN
core/themes/classy/images/icons/x-office-spreadsheet.png
Normal file
BIN
core/themes/classy/images/icons/x-office-spreadsheet.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 183 B |
|
|
@ -15,13 +15,13 @@
|
|||
#}
|
||||
{% block content %}
|
||||
{% if site_logo %}
|
||||
<a href="{{ url('<front>') }}" title="{{ 'Home'|t }}" rel="home" class="site-logo">
|
||||
<a href="{{ path('<front>') }}" title="{{ 'Home'|t }}" rel="home" class="site-logo">
|
||||
<img src="{{ site_logo }}" alt="{{ 'Home'|t }}" />
|
||||
</a>
|
||||
{% endif %}
|
||||
{% if site_name %}
|
||||
<div class="site-name">
|
||||
<a href="{{ url('<front>') }}" title="{{ 'Home'|t }}" rel="home">{{ site_name }}</a>
|
||||
<a href="{{ path('<front>') }}" title="{{ 'Home'|t }}" rel="home">{{ site_name }}</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if site_slogan %}
|
||||
|
|
|
|||
|
|
@ -10,6 +10,7 @@
|
|||
* @see template_preprocess_file_managed_file()
|
||||
*/
|
||||
#}
|
||||
{{ attach_library('classy/file') }}
|
||||
{%
|
||||
set classes = [
|
||||
'js-form-managed-file',
|
||||
|
|
|
|||
|
|
@ -10,6 +10,7 @@
|
|||
* @see template_preprocess_file_widget()
|
||||
*/
|
||||
#}
|
||||
{{ attach_library('classy/file') }}
|
||||
<div{{ attributes }}>
|
||||
{{ element }}
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -12,7 +12,7 @@
|
|||
* - string classes: The classes of the captioned HTML tag.
|
||||
*/
|
||||
#}
|
||||
<figure class="caption caption-{{ tag }}{%- if classes %} {{ classes }}{%- endif %}">
|
||||
<figure role="group" class="caption caption-{{ tag }}{%- if classes %} {{ classes }}{%- endif %}">
|
||||
{{ node }}
|
||||
<figcaption>{{ caption }}</figcaption>
|
||||
</figure>
|
||||
|
|
|
|||
|
|
@ -10,6 +10,7 @@
|
|||
* @see template_preprocess_image_widget()
|
||||
*/
|
||||
#}
|
||||
{{ attach_library('classy/image-widget') }}
|
||||
<div{{ attributes }}>
|
||||
{% if data.preview %}
|
||||
<div class="image-preview">
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
* @see template_preprocess_text_format_wrapper()
|
||||
*/
|
||||
#}
|
||||
<div class="js-text-format-wrapper text-format-wrapper form-item">
|
||||
<div class="js-text-format-wrapper text-format-wrapper js-form-item form-item">
|
||||
{{ children }}
|
||||
{% if description %}
|
||||
{%
|
||||
|
|
|
|||
|
|
@ -65,7 +65,7 @@
|
|||
*/
|
||||
#}
|
||||
{% if threaded %}
|
||||
{{ attach_library('classy/drupal.comment.threaded') }}
|
||||
{{ attach_library('classy/indented') }}
|
||||
{% endif %}
|
||||
{%
|
||||
set classes = [
|
||||
|
|
|
|||
41
core/themes/classy/templates/content/links--node.html.twig
Normal file
41
core/themes/classy/templates/content/links--node.html.twig
Normal file
|
|
@ -0,0 +1,41 @@
|
|||
{#
|
||||
/**
|
||||
* @file
|
||||
* Theme override to display node links.
|
||||
*
|
||||
* Available variables:
|
||||
* - attributes: Attributes for the UL containing the list of links.
|
||||
* - links: Links to be output.
|
||||
* Each link will have the following elements:
|
||||
* - title: The link text.
|
||||
* - href: The link URL. If omitted, the 'title' is shown as a plain text
|
||||
* item in the links list. If 'href' is supplied, the entire link is passed
|
||||
* to l() as its $options parameter.
|
||||
* - attributes: (optional) HTML attributes for the anchor, or for the <span>
|
||||
* tag if no 'href' is supplied.
|
||||
* - link_key: The link CSS class.
|
||||
* - heading: (optional) A heading to precede the links.
|
||||
* - text: The heading text.
|
||||
* - level: The heading level (e.g. 'h2', 'h3').
|
||||
* - attributes: (optional) A keyed list of attributes for the heading.
|
||||
* If the heading is a string, it will be used as the text of the heading and
|
||||
* the level will default to 'h2'.
|
||||
*
|
||||
* Headings should be used on navigation menus and any list of links that
|
||||
* consistently appears on multiple pages. To make the heading invisible use
|
||||
* the 'visually-hidden' CSS class. Do not use 'display:none', which
|
||||
* removes it from screen readers and assistive technology. Headings allow
|
||||
* screen reader and keyboard only users to navigate to or skip the links.
|
||||
* See http://juicystudio.com/article/screen-readers-display-none.php and
|
||||
* http://www.w3.org/TR/WCAG-TECHS/H42.html for more information.
|
||||
*
|
||||
* @see template_preprocess_links()
|
||||
*
|
||||
* @ingroup themeable
|
||||
*/
|
||||
#}
|
||||
{% if links %}
|
||||
<div class="node__links">
|
||||
{% include "links.html.twig" %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
|
@ -13,8 +13,8 @@
|
|||
#}
|
||||
{% if logged_in %}
|
||||
{% if status is constant('MARK_NEW') %}
|
||||
<span class="marker">{{ 'new'|t }}</span>
|
||||
<span class="marker">{{ 'New'|t }}</span>
|
||||
{% elseif status is constant('MARK_UPDATED') %}
|
||||
<span class="marker">{{ 'updated'|t }}</span>
|
||||
<span class="marker">{{ 'Updated'|t }}</span>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
|
|
|||
|
|
@ -97,13 +97,7 @@
|
|||
{% endif %}
|
||||
|
||||
<div{{ content_attributes.addClass('node__content') }}>
|
||||
{{ content|without('links') }}
|
||||
{{ content }}
|
||||
</div>
|
||||
|
||||
{% if content.links %}
|
||||
<div class="node__links">
|
||||
{{ content.links }}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
</article>
|
||||
|
|
|
|||
21
core/themes/classy/templates/content/page-title.html.twig
Normal file
21
core/themes/classy/templates/content/page-title.html.twig
Normal file
|
|
@ -0,0 +1,21 @@
|
|||
{#
|
||||
/**
|
||||
* @file
|
||||
* Theme override for page titles.
|
||||
*
|
||||
* 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.
|
||||
*
|
||||
* @see template_preprocess_page_title()
|
||||
*/
|
||||
#}
|
||||
{{ title_prefix }}
|
||||
{% if title %}
|
||||
<h1{{ title_attributes.addClass('page-title') }}>{{ title }}</h1>
|
||||
{% endif %}
|
||||
{{ title_suffix }}
|
||||
|
|
@ -56,7 +56,7 @@
|
|||
* @see template_preprocess_search_result()
|
||||
*/
|
||||
#}
|
||||
{{ attach_library('classy/search.results') }}
|
||||
{{ attach_library('classy/search-results') }}
|
||||
{{ title_prefix }}
|
||||
<h3{{ title_attributes.addClass('search-result__title') }}>
|
||||
<a href="{{ url }}">{{ title }}</a>
|
||||
|
|
|
|||
Some files were not shown because too many files have changed in this diff Show more
Reference in a new issue