Update Composer, update everything
This commit is contained in:
Oliver Davies
parent
ea3e94409f
commit
dda5c284b6
19527 changed files with 1135420 additions and 351004 deletions
|
|
@ -24,7 +24,7 @@ a.block-demo-backlink:visited {
|
|||
font-family: "Lucida Grande", Verdana, sans-serif;
|
||||
font-size: small;
|
||||
line-height: 20px;
|
||||
left: 20px; /*LTR*/
|
||||
left: 20px; /* LTR */
|
||||
padding: 5px 10px;
|
||||
position: fixed;
|
||||
z-index: 499;
|
||||
|
|
|
|||
|
|
@ -16,7 +16,9 @@ body {
|
|||
}
|
||||
}
|
||||
|
||||
ol, ul, dl {
|
||||
ol,
|
||||
ul,
|
||||
dl {
|
||||
/* Preserved spaces for list items with text direction other than the list.
|
||||
* (CKEditor issues #6249,#8049) */
|
||||
padding: 0 40px;
|
||||
|
|
|
|||
|
|
@ -6,8 +6,6 @@
|
|||
* "moono".
|
||||
*/
|
||||
|
||||
|
||||
|
||||
.ckeditor-toolbar {
|
||||
border: 1px solid #b6b6b6;
|
||||
padding: 0.1667em 0.1667em 0.08em;
|
||||
|
|
@ -18,9 +16,9 @@
|
|||
margin: 5px 0;
|
||||
/* Disallow any user selections in the drag-and-drop toolbar config UI. */
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.ckeditor-toolbar-active {
|
||||
margin-top: 0.25em;
|
||||
|
|
@ -119,7 +117,7 @@
|
|||
margin: 3px 6px;
|
||||
padding: 3px;
|
||||
}
|
||||
.ckeditor-toolbar-configuration .fieldset-description{
|
||||
.ckeditor-toolbar-configuration .fieldset-description {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
.ckeditor-toolbar-disabled .ckeditor-toolbar-available,
|
||||
|
|
@ -182,7 +180,7 @@
|
|||
padding: 4px 6px;
|
||||
position: relative;
|
||||
text-decoration: none;
|
||||
text-shadow: 0 1px 0 rgba(255,255,255,.5);
|
||||
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
|
||||
white-space: nowrap;
|
||||
}
|
||||
.ckeditor-toolbar-dividers {
|
||||
|
|
@ -298,7 +296,7 @@ ul.ckeditor-buttons li.ckeditor-button-separator a {
|
|||
height: 18px;
|
||||
width: 1px;
|
||||
display: block;
|
||||
box-shadow: 1px 0 1px rgba(255, 255, 255, 0.5)
|
||||
box-shadow: 1px 0 1px rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
.ckeditor-button-arrow {
|
||||
width: 0;
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@
|
|||
|
||||
.ckeditor-dialog-loading-link {
|
||||
border-radius: 0 0 5px 5px;
|
||||
border: 1px solid #B6B6B6;
|
||||
border: 1px solid #b6b6b6;
|
||||
border-top: none;
|
||||
background: white;
|
||||
padding: 3px 10px;
|
||||
|
|
|
|||
|
|
@ -143,6 +143,7 @@ button.is-unlocked,
|
|||
.js[dir="rtl"] .color-preview {
|
||||
float: right;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 30em) { /* 480px */
|
||||
.color-form .color-preview-sidebar,
|
||||
.color-form .color-preview-content {
|
||||
|
|
|
|||
|
|
@ -0,0 +1,38 @@
|
|||
/**
|
||||
* @file
|
||||
* Component styles for the content_moderation module.
|
||||
*/
|
||||
.entity-moderation-form {
|
||||
list-style: none;
|
||||
display: -webkit-flex; /* Safari */
|
||||
display: flex;
|
||||
-webkit-flex-wrap: wrap; /* Safari */
|
||||
flex-wrap: wrap;
|
||||
-webkit-align-items: flex-start; /* Safari */
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.entity-moderation-form__item {
|
||||
margin-right: 2em;
|
||||
display: table;
|
||||
}
|
||||
|
||||
.entity-moderation-form__item:last-child {
|
||||
-webkit-align-self: flex-end; /* Safari */
|
||||
align-self: flex-end;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.entity-moderation-form .form-item {
|
||||
margin-top: 1em;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
.entity-moderation-form .form-item label {
|
||||
padding-bottom: 0.25em;
|
||||
display: table;
|
||||
}
|
||||
|
||||
.entity-moderation-form input[type=submit] {
|
||||
margin-bottom: 1.2em;
|
||||
}
|
||||
|
|
@ -0,0 +1,10 @@
|
|||
/**
|
||||
* @file
|
||||
* Theme styles for the content_moderation module.
|
||||
*/
|
||||
.entity-moderation-form {
|
||||
border: 1px dashed #bbb;
|
||||
margin: 2em 0;
|
||||
background: #fff;
|
||||
padding-left: 1em;
|
||||
}
|
||||
|
|
@ -14,8 +14,8 @@
|
|||
margin: 0;
|
||||
}
|
||||
.toolbar .toolbar-bar .contextual-toolbar-tab .toolbar-item.is-active {
|
||||
background-image:-webkit-linear-gradient(rgb(78,159,234) 0%, rgb(69,132,221) 100%);
|
||||
background-image:linear-gradient(rgb(78,159,234) 0%,rgb(69,132,221) 100%);
|
||||
background-image: -webkit-linear-gradient(rgb(78, 159, 234) 0%, rgb(69, 132, 221) 100%);
|
||||
background-image: linear-gradient(rgb(78, 159, 234) 0%, rgb(69, 132, 221) 100%);
|
||||
}
|
||||
|
||||
/* @todo get rid of this declaration by making toolbar.module's CSS less specific */
|
||||
|
|
|
|||
234
web/core/themes/stable/css/core/dialog/off-canvas.base.css
Normal file
234
web/core/themes/stable/css/core/dialog/off-canvas.base.css
Normal file
|
|
@ -0,0 +1,234 @@
|
|||
/**
|
||||
* @file
|
||||
* Set base styles for the off-canvas dialog.
|
||||
*/
|
||||
|
||||
/* Set some global attributes. */
|
||||
#drupal-off-canvas *,
|
||||
#drupal-off-canvas *:not(div) {
|
||||
background: #444;
|
||||
font-family: "Lucida Grande", 'Lucida Sans Unicode', 'liberation sans', sans-serif;
|
||||
color: #ddd;
|
||||
}
|
||||
|
||||
/* Generic elements. */
|
||||
#drupal-off-canvas a,
|
||||
#drupal-off-canvas .link {
|
||||
border-bottom: none;
|
||||
font-family: "Lucida Grande", 'Lucida Sans Unicode', 'liberation sans', sans-serif;
|
||||
font-size: inherit;
|
||||
font-weight: normal;
|
||||
color: #85bef4;
|
||||
text-decoration: none;
|
||||
transition: color 0.5s ease;
|
||||
}
|
||||
|
||||
#drupal-off-canvas a:focus,
|
||||
#drupal-off-canvas .link:focus,
|
||||
#drupal-off-canvas a:hover,
|
||||
#drupal-off-canvas .link:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
#drupal-off-canvas hr {
|
||||
height: 1px;
|
||||
background: #ccc;
|
||||
}
|
||||
#drupal-off-canvas summary,
|
||||
#drupal-off-canvas .fieldgroup:not(.form-composite) > legend {
|
||||
font-weight: bold;
|
||||
}
|
||||
#drupal-off-canvas h1,
|
||||
#drupal-off-canvas .heading-a {
|
||||
display: block;
|
||||
font-weight: bold;
|
||||
font-size: 1.625em;
|
||||
line-height: 1.875em;
|
||||
}
|
||||
#drupal-off-canvas h2,
|
||||
#drupal-off-canvas .heading-b {
|
||||
display: block;
|
||||
font-weight: bold;
|
||||
margin: 10px 0;
|
||||
font-size: 1.385em;
|
||||
}
|
||||
#drupal-off-canvas h3,
|
||||
#drupal-off-canvas .heading-c {
|
||||
display: block;
|
||||
font-weight: bold;
|
||||
margin: 10px 0;
|
||||
font-size: 1.231em;
|
||||
}
|
||||
#drupal-off-canvas h4,
|
||||
#drupal-off-canvas .heading-d {
|
||||
display: block;
|
||||
font-weight: bold;
|
||||
margin: 10px 0;
|
||||
font-size: 1.154em;
|
||||
}
|
||||
#drupal-off-canvas h5,
|
||||
#drupal-off-canvas .heading-e {
|
||||
display: block;
|
||||
font-weight: bold;
|
||||
margin: 10px 0;
|
||||
font-size: 1.077em;
|
||||
}
|
||||
#drupal-off-canvas h6,
|
||||
#drupal-off-canvas .heading-f {
|
||||
display: block;
|
||||
font-weight: bold;
|
||||
margin: 10px 0;
|
||||
font-size: 1.077em;
|
||||
}
|
||||
#drupal-off-canvas p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
#drupal-off-canvas dl {
|
||||
margin: 0 0 20px;
|
||||
}
|
||||
#drupal-off-canvas dl dd,
|
||||
#drupal-off-canvas dl dl {
|
||||
margin-left: 20px; /* LTR */
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
[dir="rtl"] #drupal-off-canvas dl dd,
|
||||
[dir="rtl"] #drupal-off-canvas dl dl {
|
||||
margin-right: 20px;
|
||||
}
|
||||
#drupal-off-canvas blockquote {
|
||||
margin: 1em 40px;
|
||||
}
|
||||
#drupal-off-canvas address {
|
||||
font-style: italic;
|
||||
}
|
||||
#drupal-off-canvas u,
|
||||
#drupal-off-canvas ins {
|
||||
text-decoration: underline;
|
||||
}
|
||||
#drupal-off-canvas s,
|
||||
#drupal-off-canvas strike,
|
||||
#drupal-off-canvas del {
|
||||
text-decoration: line-through;
|
||||
}
|
||||
#drupal-off-canvas big {
|
||||
font-size: larger;
|
||||
}
|
||||
#drupal-off-canvas small {
|
||||
font-size: smaller;
|
||||
}
|
||||
#drupal-off-canvas sub {
|
||||
vertical-align: sub;
|
||||
font-size: smaller;
|
||||
line-height: normal;
|
||||
}
|
||||
#drupal-off-canvas sup {
|
||||
vertical-align: super;
|
||||
font-size: smaller;
|
||||
line-height: normal;
|
||||
}
|
||||
#drupal-off-canvas abbr,
|
||||
#drupal-off-canvas acronym {
|
||||
border-bottom: dotted 1px;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
#drupal-off-canvas ul {
|
||||
list-style-type: disc;
|
||||
list-style-image: none;
|
||||
}
|
||||
[dir="rtl"] #drupal-off-canvas .messages__list {
|
||||
margin-right: 0;
|
||||
}
|
||||
#drupal-off-canvas ol {
|
||||
list-style-type: decimal;
|
||||
}
|
||||
#drupal-off-canvas ul li,
|
||||
#drupal-off-canvas ol li {
|
||||
display: block;
|
||||
}
|
||||
#drupal-off-canvas blockquote,
|
||||
#drupal-off-canvas code {
|
||||
margin: 20px 0;
|
||||
}
|
||||
#drupal-off-canvas pre {
|
||||
margin: 20px 0;
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
|
||||
/* Classes for hidden and visually hidden elements. See hidden.module.css. */
|
||||
#drupal-off-canvas .hidden {
|
||||
display: none;
|
||||
}
|
||||
#drupal-off-canvas .visually-hidden {
|
||||
position: absolute !important;
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
overflow: hidden;
|
||||
height: 1px;
|
||||
width: 1px;
|
||||
word-wrap: normal;
|
||||
}
|
||||
#drupal-off-canvas .visually-hidden.focusable:active,
|
||||
#drupal-off-canvas .visually-hidden.focusable:focus {
|
||||
position: static !important;
|
||||
clip: auto;
|
||||
overflow: visible;
|
||||
height: auto;
|
||||
width: auto;
|
||||
}
|
||||
#drupal-off-canvas .invisible {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
/* Some system classes. See system.admin.css. */
|
||||
#drupal-off-canvas .panel {
|
||||
padding: 5px 5px 15px;
|
||||
}
|
||||
#drupal-off-canvas .panel__description {
|
||||
margin: 0 0 3px;
|
||||
padding: 2px 0 3px 0;
|
||||
}
|
||||
#drupal-off-canvas .compact-link {
|
||||
margin: 0 0 10px 0;
|
||||
}
|
||||
#drupal-off-canvas small .admin-link:before {
|
||||
content: ' [';
|
||||
}
|
||||
#drupal-off-canvas small .admin-link:after {
|
||||
content: ']';
|
||||
}
|
||||
|
||||
/* Override jQuery UI */
|
||||
#drupal-off-canvas .ui-widget-content a {
|
||||
color: #85bef4 !important;
|
||||
}
|
||||
|
||||
/* Message styles */
|
||||
#drupal-off-canvas .messages {
|
||||
background: no-repeat 10px 17px;
|
||||
}
|
||||
[dir="rtl"] #drupal-off-canvas .messages {
|
||||
background-position: right 10px top 17px;
|
||||
}
|
||||
#drupal-off-canvas .messages abbr {
|
||||
color: #444;
|
||||
}
|
||||
#drupal-off-canvas .messages--status {
|
||||
background-color: #f3faef;
|
||||
background-image: url(../../../images/core/icons/73b355/check.svg);
|
||||
color: #325e1c;
|
||||
}
|
||||
#drupal-off-canvas .messages--warning {
|
||||
background-color: #fdf8ed;
|
||||
background-image: url(../../../images/core/icons/e29700/warning.svg);
|
||||
color: #734c00;
|
||||
}
|
||||
|
||||
#drupal-off-canvas .messages--error {
|
||||
background-color: #fcf4f2;
|
||||
background-image: url(../../../images/core/icons/e32700/error.svg);
|
||||
color: #a51b00;
|
||||
}
|
||||
|
||||
#drupal-off-canvas .messages--error div[role="alert"] {
|
||||
background: transparent;
|
||||
color: inherit;
|
||||
}
|
||||
118
web/core/themes/stable/css/core/dialog/off-canvas.button.css
Normal file
118
web/core/themes/stable/css/core/dialog/off-canvas.button.css
Normal file
|
|
@ -0,0 +1,118 @@
|
|||
/**
|
||||
* @file
|
||||
* Visual styling for buttons in the off-canvas dialog.
|
||||
*
|
||||
* @see seven/css/components/buttons.css
|
||||
*/
|
||||
|
||||
#drupal-off-canvas button,
|
||||
#drupal-off-canvas .button {
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
margin: 0 0 10px;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
box-shadow: none;
|
||||
font-family: "Lucida Grande", 'Lucida Sans Unicode', 'liberation sans', sans-serif;
|
||||
line-height: normal;
|
||||
text-transform: none;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
#drupal-off-canvas button.link {
|
||||
display: inline;
|
||||
background: transparent;
|
||||
font-size: 14px;
|
||||
color: #85bef4;
|
||||
transition: color 0.5s ease;
|
||||
}
|
||||
#drupal-off-canvas button.link:hover,
|
||||
#drupal-off-canvas button.link:focus {
|
||||
color: #46a0f5;
|
||||
text-decoration: none;
|
||||
}
|
||||
#drupal-off-canvas input[type="submit"].button {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
padding: 4px 20px;
|
||||
border: 0;
|
||||
border-radius: 20em;
|
||||
background: #777;
|
||||
font-weight: 600;
|
||||
font-size: 14px;
|
||||
color: #f5f5f5;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
transition: background 0.5s ease;
|
||||
}
|
||||
#drupal-off-canvas input[type="submit"].button:hover,
|
||||
#drupal-off-canvas input[type="submit"].button:focus,
|
||||
#drupal-off-canvas input[type="submit"].button:active {
|
||||
border: 0;
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
outline: none;
|
||||
z-index: 10;
|
||||
}
|
||||
#drupal-off-canvas input[type="submit"].button:focus,
|
||||
#drupal-off-canvas input[type="submit"].button:active {
|
||||
box-shadow: 0 3px 3px 2px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
#drupal-off-canvas input[type="submit"].button--primary {
|
||||
border: 0;
|
||||
background: #277abd;
|
||||
color: #fff;
|
||||
margin-top: 15px;
|
||||
}
|
||||
#drupal-off-canvas input[type="submit"].button--primary:hover,
|
||||
#drupal-off-canvas input[type="submit"].button--primary:focus,
|
||||
#drupal-off-canvas input[type="submit"].button--primary:active {
|
||||
background: #236aaf;
|
||||
outline: none;
|
||||
}
|
||||
#drupal-off-canvas .button-action:before {
|
||||
margin-left: -0.2em; /* LTR */
|
||||
padding-right: 0.2em; /* LTR */
|
||||
font-size: 14px;
|
||||
line-height: 16px;
|
||||
}
|
||||
[dir="rtl"] #drupal-off-canvas .button-action:before {
|
||||
margin-right: -0.2em;
|
||||
margin-left: 0;
|
||||
padding-right: 0;
|
||||
padding-left: 0.2em;
|
||||
}
|
||||
#drupal-off-canvas .no-touchevents .button--small {
|
||||
font-size: 13px;
|
||||
padding: 2px 1em;
|
||||
}
|
||||
#drupal-off-canvas .button:disabled,
|
||||
#drupal-off-canvas .button:disabled:active,
|
||||
#drupal-off-canvas .button.is-disabled,
|
||||
#drupal-off-canvas .button.is-disabled:active {
|
||||
border: 0;
|
||||
background: #555;
|
||||
color: #5c5c5c;
|
||||
font-weight: normal;
|
||||
cursor: default;
|
||||
}
|
||||
#drupal-off-canvas .button--danger {
|
||||
border-radius: 0;
|
||||
color: #c72100;
|
||||
font-weight: 400;
|
||||
text-decoration: none;
|
||||
}
|
||||
#drupal-off-canvas .button--danger:hover,
|
||||
#drupal-off-canvas .button--danger:focus,
|
||||
#drupal-off-canvas .button--danger:active {
|
||||
color: #ff2a00;
|
||||
text-decoration: none;
|
||||
text-shadow: none;
|
||||
}
|
||||
#drupal-off-canvas .button--danger:disabled,
|
||||
#drupal-off-canvas .button--danger.is-disabled {
|
||||
color: #737373;
|
||||
cursor: default;
|
||||
}
|
||||
55
web/core/themes/stable/css/core/dialog/off-canvas.css
Normal file
55
web/core/themes/stable/css/core/dialog/off-canvas.css
Normal file
|
|
@ -0,0 +1,55 @@
|
|||
/**
|
||||
* @file
|
||||
* CSS for off-canvas dialog.
|
||||
*/
|
||||
|
||||
/* Position the off-canvas dialog container outside the right of the viewport. */
|
||||
.ui-dialog-off-canvas {
|
||||
box-sizing: border-box;
|
||||
height: 100%;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
/* Wrap the form that's inside the off-canvas dialog. */
|
||||
.ui-dialog-off-canvas .ui-dialog-content {
|
||||
padding: 0 20px;
|
||||
/* Prevent horizontal scrollbar. */
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
}
|
||||
[dir="rtl"] .ui-dialog-off-canvas .ui-dialog-content {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
/* Position the off-canvas dialog container outside the right of the viewport. */
|
||||
.ui-dialog-off-canvas {
|
||||
box-sizing: border-box;
|
||||
height: 100%;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
/* Wrap the form that's inside the off-canvas dialog. */
|
||||
.ui-dialog-off-canvas #drupal-off-canvas {
|
||||
padding: 0 20px 20px;
|
||||
/* Prevent horizontal scrollbar. */
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
}
|
||||
[dir="rtl"] .ui-dialog-off-canvas #drupal-off-canvas {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
/*
|
||||
* Force the off-canvas dialog to be 100% width at the same breakpoint the
|
||||
* dialog system uses to expand dialog widths.
|
||||
*/
|
||||
@media all and (max-width: 48em) { /* 768px */
|
||||
.ui-dialog.ui-dialog-off-canvas {
|
||||
width: 100% !important;
|
||||
}
|
||||
/* When off-canvas dialog is at 100% width stop the body from scrolling */
|
||||
.js-off-canvas-dialog-open {
|
||||
height: 100%;
|
||||
overflow-y: hidden;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,60 @@
|
|||
/**
|
||||
* @file
|
||||
* Visual styling for summary and details in the off-canvas dialog.
|
||||
*/
|
||||
|
||||
#drupal-off-canvas details,
|
||||
#drupal-off-canvas summary {
|
||||
display: block;
|
||||
font-family: "Lucida Grande", 'Lucida Sans Unicode', 'liberation sans', sans-serif;
|
||||
}
|
||||
#drupal-off-canvas details,
|
||||
#drupal-off-canvas summary,
|
||||
#drupal-off-canvas .ui-dialog-content {
|
||||
background: #474747;
|
||||
color: #ddd;
|
||||
}
|
||||
#drupal-off-canvas summary a {
|
||||
color: #ddd;
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
#drupal-off-canvas summary a:hover,
|
||||
#drupal-off-canvas summary a:focus {
|
||||
color: #fff;
|
||||
}
|
||||
#drupal-off-canvas details,
|
||||
#drupal-off-canvas summary,
|
||||
#drupal-off-canvas .details-wrapper {
|
||||
border-width: 0;
|
||||
/* Cancel out the padding of the parent. */
|
||||
margin: 0 -20px;
|
||||
padding: 0 20px;
|
||||
}
|
||||
#drupal-off-canvas summary {
|
||||
text-shadow: none;
|
||||
padding: 10px 20px;
|
||||
font-size: 14px;
|
||||
transition: all 0.5s ease;
|
||||
}
|
||||
#drupal-off-canvas summary:hover,
|
||||
#drupal-off-canvas summary:focus {
|
||||
background-color: #222;
|
||||
}
|
||||
#drupal-off-canvas details[open] {
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
#drupal-off-canvas details[open] > summary {
|
||||
background-color: #333;
|
||||
color: #eee;
|
||||
}
|
||||
#drupal-off-canvas details[open] > summary:hover {
|
||||
background-color: #222;
|
||||
color: #fff;
|
||||
}
|
||||
#drupal-off-canvas details .placeholder {
|
||||
font: inherit;
|
||||
color: inherit;
|
||||
font-style: italic;
|
||||
background: transparent;
|
||||
}
|
||||
291
web/core/themes/stable/css/core/dialog/off-canvas.dropbutton.css
Normal file
291
web/core/themes/stable/css/core/dialog/off-canvas.dropbutton.css
Normal file
|
|
@ -0,0 +1,291 @@
|
|||
/**
|
||||
* @file
|
||||
* Styles for dropbuttons in the off-canvas dialog.
|
||||
*/
|
||||
|
||||
#drupal-off-canvas .dropbutton-wrapper,
|
||||
#drupal-off-canvas .dropbutton-widget {
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
display: block;
|
||||
position: static;
|
||||
transition: none;
|
||||
}
|
||||
#drupal-off-canvas .dropbutton-widget {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
background: #277abd;
|
||||
border-radius: 1em;
|
||||
font-weight: 600;
|
||||
color: #fff;
|
||||
text-transform: none;
|
||||
text-decoration: none;
|
||||
text-align: center;
|
||||
line-height: normal;
|
||||
cursor: pointer;
|
||||
transition: background 0.5s ease;
|
||||
}
|
||||
#drupal-off-canvas .dropbutton-widget:hover {
|
||||
background: #2b8bd8;
|
||||
}
|
||||
|
||||
/*
|
||||
* Style dropbutton single.
|
||||
*/
|
||||
|
||||
#drupal-off-canvas .dropbutton-single .dropbutton-action a {
|
||||
padding: 0;
|
||||
/* Overlap icon for trigger. */
|
||||
margin-top: -2em;
|
||||
height: 2.2em;
|
||||
cursor: pointer;
|
||||
}
|
||||
#drupal-off-canvas .dropbutton-single .dropbutton-action:hover,
|
||||
#drupal-off-canvas .dropbutton-single .dropbutton-action:focus,
|
||||
#drupal-off-canvas .dropbutton-single .dropbutton-action a:hover,
|
||||
#drupal-off-canvas .dropbutton-single .dropbutton-action a:focus {
|
||||
text-decoration: none;
|
||||
outline: none;
|
||||
}
|
||||
#drupal-off-canvas .dropbutton-widget .dropbutton {
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
}
|
||||
#drupal-off-canvas .dropbutton li,
|
||||
#drupal-off-canvas .dropbutton a {
|
||||
display: block;
|
||||
width: auto;
|
||||
padding: 4px 0;
|
||||
text-align: left;
|
||||
color: #555;
|
||||
outline: none;
|
||||
}
|
||||
#drupal-off-canvas .dropbutton li:hover,
|
||||
#drupal-off-canvas .dropbutton li:focus,
|
||||
#drupal-off-canvas .dropbutton a:hover,
|
||||
#drupal-off-canvas .dropbutton a:focus {
|
||||
background: transparent;
|
||||
color: #333;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
/*
|
||||
* Style dropbutton multiple.
|
||||
*/
|
||||
|
||||
#drupal-off-canvas .dropbutton-multiple .dropbutton-widget {
|
||||
width: 2em;
|
||||
height: 2em;
|
||||
}
|
||||
#drupal-off-canvas .dropbutton-multiple .dropbutton-widget:hover {
|
||||
background-color: #2b8bd8;
|
||||
}
|
||||
|
||||
/* Hide the other actions until the dropbutton is triggered. */
|
||||
#drupal-off-canvas .dropbutton-multiple .dropbutton .secondary-action {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* The toggle to expand the button. */
|
||||
#drupal-off-canvas .dropbutton-toggle {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0; /* LTR */
|
||||
bottom: 0;
|
||||
display: block;
|
||||
width: 2em;
|
||||
color: #fff;
|
||||
text-indent: 110%;
|
||||
white-space: nowrap;
|
||||
}
|
||||
#drupal-off-canvas .dropbutton-toggle button {
|
||||
display: block;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0 solid transparent;
|
||||
border-bottom-right-radius: 1em; /* LTR */
|
||||
border-top-right-radius: 1em; /* LTR */
|
||||
cursor: pointer;
|
||||
}
|
||||
#drupal-off-canvas .dropbutton-toggle button:hover,
|
||||
#drupal-off-canvas .dropbutton-toggle button:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
/* The toggle arrow. */
|
||||
#drupal-off-canvas .dropbutton-arrow {
|
||||
position: absolute;
|
||||
display: block;
|
||||
height: 0;
|
||||
width: 0;
|
||||
margin-top: 0;
|
||||
border-bottom-color: transparent;
|
||||
border-left-color: transparent;
|
||||
border-right-color: transparent;
|
||||
border-style: solid;
|
||||
border-width: 0.3333em 0.3333em 0;
|
||||
color: #fff;
|
||||
line-height: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
#drupal-off-canvas span.dropbutton-arrow {
|
||||
top: 7px;
|
||||
right: 7px; /* LTR */
|
||||
background: transparent;
|
||||
}
|
||||
#drupal-off-canvas span.dropbutton-arrow:hover {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
#drupal-off-canvas .dropbutton-action > .js-form-submit.form-submit,
|
||||
#drupal-off-canvas .dropbutton-toggle button {
|
||||
position: relative;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
/*
|
||||
* Dropbuttons when in a table cell.
|
||||
*/
|
||||
|
||||
/* Make sure table cell doesn't collapse around absolute positioned dropbutton. */
|
||||
#drupal-off-canvas td .dropbutton-single {
|
||||
min-width: 2em;
|
||||
}
|
||||
#drupal-off-canvas td .dropbutton-multiple {
|
||||
min-width: 2em;
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
margin-right: 0;
|
||||
margin-left: 0;
|
||||
border: 0;
|
||||
}
|
||||
#drupal-off-canvas td .dropbutton-multiple .dropbutton-action a,
|
||||
#drupal-off-canvas td .dropbutton-multiple .dropbutton-action input,
|
||||
#drupal-off-canvas td .dropbutton-multiple .dropbutton-action button {
|
||||
width: auto;
|
||||
padding: 0;
|
||||
font-size: inherit;
|
||||
}
|
||||
#drupal-off-canvas td .dropbutton-wrapper {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
/* Push the widget to the right so text expands left. */
|
||||
#drupal-off-canvas td .dropbutton-widget {
|
||||
position: absolute;
|
||||
right: 12px; /* LTR */
|
||||
padding: 0;
|
||||
background: #277abd none;
|
||||
}
|
||||
|
||||
/* Push the wrapper to the right edge of the td. */
|
||||
#drupal-off-canvas td .dropbutton-single,
|
||||
#drupal-off-canvas td .dropbutton-multiple {
|
||||
float: right; /* LTR */
|
||||
padding-right: 0;
|
||||
margin-right: 0;
|
||||
max-width: initial;
|
||||
min-width: initial;
|
||||
position: relative;
|
||||
}
|
||||
#drupal-off-canvas td .dropbutton-widget .dropbutton {
|
||||
margin: 0;
|
||||
width: 2em;
|
||||
height: 2em;
|
||||
overflow: hidden;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
/* Push text out of the way. */
|
||||
#drupal-off-canvas td .dropbutton-multiple li,
|
||||
#drupal-off-canvas td .dropbutton-multiple a {
|
||||
margin-left: -9999px;
|
||||
background: transparent;
|
||||
}
|
||||
#drupal-off-canvas td .dropbutton-multiple.open .dropbutton li,
|
||||
#drupal-off-canvas td .dropbutton-multiple.open .dropbutton a {
|
||||
margin-left: 0;
|
||||
width: auto;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Collapse the button to a circle. */
|
||||
#drupal-off-canvas td .dropbutton-toggle {
|
||||
width: 2em;
|
||||
height: 2em;
|
||||
border-radius: 1em;
|
||||
}
|
||||
#drupal-off-canvas td .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button {
|
||||
border: 0;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
/* Prevent list item from expanding its container. */
|
||||
#drupal-off-canvas td ul.dropbutton li.edit {
|
||||
width: 2em;
|
||||
height: 2em;
|
||||
}
|
||||
|
||||
/* Make li text transparent above icon so it's clickable. */
|
||||
#drupal-off-canvas td .dropbutton-single li.edit.dropbutton-action > a {
|
||||
color: transparent;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
/* Put pencil icon in place of hidden 'edit' text on single buttons. */
|
||||
#drupal-off-canvas td .dropbutton-single .edit:before {
|
||||
content: '.';
|
||||
display: block;
|
||||
color: transparent;
|
||||
background: transparent url(../../../images/core/icons/ffffff/pencil.svg) no-repeat center;
|
||||
background-size: 14px;
|
||||
}
|
||||
|
||||
/* Dropbutton when triggered expands to show secondary items. */
|
||||
#drupal-off-canvas .dropbutton-multiple.open {
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
/* Create visual separation if there is an adjacent button. */
|
||||
#drupal-off-canvas .dropbutton-multiple.open .dropbutton-widget {
|
||||
box-shadow: 0 3px 3px 2px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
/* Triggered dropbutton expands to show secondary items. */
|
||||
#drupal-off-canvas .dropbutton-multiple.open,
|
||||
#drupal-off-canvas .dropbutton-multiple.open .dropbutton-widget {
|
||||
display: block;
|
||||
width: auto;
|
||||
height: auto;
|
||||
max-width: none;
|
||||
min-width: 0;
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
/* Triggered dropbutton in td expands to show secondary items. */
|
||||
#drupal-off-canvas td .dropbutton-multiple.open .dropbutton,
|
||||
#drupal-off-canvas .dropbutton-multiple.open .dropbutton .secondary-action {
|
||||
display: block;
|
||||
width: auto;
|
||||
height: auto;
|
||||
padding-right: 1em; /* LTR */
|
||||
}
|
||||
[dir="rtl"] #drupal-off-canvas td .dropbutton-multiple.open .dropbutton {
|
||||
padding-left: 1em;
|
||||
padding-right: inherit;
|
||||
}
|
||||
#drupal-off-canvas .dropbutton-multiple.open .dropbutton li a {
|
||||
padding: 2px 1em;
|
||||
}
|
||||
|
||||
/* When open, the toggle arrow points upward. */
|
||||
#drupal-off-canvas .dropbutton-multiple.open span.dropbutton-arrow {
|
||||
border-bottom: 0.3333em solid;
|
||||
border-top-color: transparent;
|
||||
top: 2px;
|
||||
}
|
||||
133
web/core/themes/stable/css/core/dialog/off-canvas.form.css
Normal file
133
web/core/themes/stable/css/core/dialog/off-canvas.form.css
Normal file
|
|
@ -0,0 +1,133 @@
|
|||
/**
|
||||
* @file
|
||||
* Visual styling for forms in the off-canvas dialog.
|
||||
*/
|
||||
|
||||
#drupal-off-canvas form {
|
||||
font-family: "Lucida Grande", 'Lucida Sans Unicode', 'liberation sans', sans-serif;
|
||||
color: #ddd;
|
||||
}
|
||||
#drupal-off-canvas input[type="checkbox"] {
|
||||
-webkit-appearance: checkbox;
|
||||
}
|
||||
#drupal-off-canvas input[type="radio"] {
|
||||
-webkit-appearance: radio;
|
||||
}
|
||||
#drupal-off-canvas select {
|
||||
-webkit-appearance: menulist;
|
||||
-moz-appearance: menulist;
|
||||
}
|
||||
#drupal-off-canvas option {
|
||||
display: block;
|
||||
font-family: "Lucida Grande", 'Lucida Sans Unicode', 'liberation sans', sans-serif;
|
||||
}
|
||||
#drupal-off-canvas label {
|
||||
line-height: normal;
|
||||
font-family: inherit;
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
color: #ddd;
|
||||
}
|
||||
#drupal-off-canvas .visually-hidden {
|
||||
opacity: 0;
|
||||
height: 0;
|
||||
width: 0;
|
||||
letter-spacing: -2em;
|
||||
}
|
||||
#drupal-off-canvas .description,
|
||||
#drupal-off-canvas .form-item .description,
|
||||
#drupal-off-canvas .details-description {
|
||||
color: #ddd;
|
||||
margin-top: 5px;
|
||||
font-family: inherit;
|
||||
font-size: 12px;
|
||||
font-style: normal;
|
||||
}
|
||||
#drupal-off-canvas .form-item {
|
||||
margin-bottom: 10px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
/* Set size and position for all inputs. */
|
||||
#drupal-off-canvas .form-select,
|
||||
#drupal-off-canvas .form-text,
|
||||
#drupal-off-canvas .form-tel,
|
||||
#drupal-off-canvas .form-email,
|
||||
#drupal-off-canvas .form-url,
|
||||
#drupal-off-canvas .form-search,
|
||||
#drupal-off-canvas .form-number,
|
||||
#drupal-off-canvas .form-color,
|
||||
#drupal-off-canvas .form-file,
|
||||
#drupal-off-canvas .form-textarea,
|
||||
#drupal-off-canvas .form-date,
|
||||
#drupal-off-canvas .form-time {
|
||||
box-sizing: border-box;
|
||||
max-width: 100%;
|
||||
padding: 6px;
|
||||
margin: 5px 0 0 0;
|
||||
border-width: 1px;
|
||||
border-radius: 2px;
|
||||
display: block;
|
||||
font-family: inherit;
|
||||
font-size: 14px;
|
||||
color: #333;
|
||||
line-height: 16px;
|
||||
}
|
||||
/* Reduce contrast for fields against dark background. */
|
||||
#drupal-off-canvas .form-text,
|
||||
#drupal-off-canvas .form-tel,
|
||||
#drupal-off-canvas .form-email,
|
||||
#drupal-off-canvas .form-url,
|
||||
#drupal-off-canvas .form-search,
|
||||
#drupal-off-canvas .form-number,
|
||||
#drupal-off-canvas .form-color,
|
||||
#drupal-off-canvas .form-file,
|
||||
#drupal-off-canvas .form-textarea,
|
||||
#drupal-off-canvas .form-date,
|
||||
#drupal-off-canvas .form-time {
|
||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125);
|
||||
background-color: #eee;
|
||||
border-color: #333;
|
||||
color: #595959;
|
||||
}
|
||||
#drupal-off-canvas .form-text:focus,
|
||||
#drupal-off-canvas .form-tel:focus,
|
||||
#drupal-off-canvas .form-email:focus,
|
||||
#drupal-off-canvas .form-url:focus,
|
||||
#drupal-off-canvas .form-search:focus,
|
||||
#drupal-off-canvas .form-number:focus,
|
||||
#drupal-off-canvas .form-color:focus,
|
||||
#drupal-off-canvas .form-file:focus,
|
||||
#drupal-off-canvas .form-textarea:focus,
|
||||
#drupal-off-canvas .form-date:focus,
|
||||
#drupal-off-canvas .form-time:focus {
|
||||
border-color: #40b6ff;
|
||||
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.125), 0 0 8px #40b6ff;
|
||||
background-color: #fff;
|
||||
}
|
||||
#drupal-off-canvas td .form-item,
|
||||
#drupal-off-canvas td .form-select {
|
||||
margin: 0;
|
||||
}
|
||||
#drupal-off-canvas .form-file {
|
||||
margin-bottom: 5px;
|
||||
width: 100%;
|
||||
}
|
||||
#drupal-off-canvas .form-actions {
|
||||
text-align: center;
|
||||
margin: 10px 0;
|
||||
}
|
||||
#drupal-off-canvas .ui-autocomplete {
|
||||
background-color: white;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
cursor: default;
|
||||
}
|
||||
#drupal-off-canvas .ui-autocomplete li {
|
||||
display: block;
|
||||
}
|
||||
#drupal-off-canvas .ui-autocomplete li a {
|
||||
color: #595959 !important;
|
||||
cursor: pointer;
|
||||
padding: 5px;
|
||||
}
|
||||
11
web/core/themes/stable/css/core/dialog/off-canvas.layout.css
Normal file
11
web/core/themes/stable/css/core/dialog/off-canvas.layout.css
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
/**
|
||||
* @file
|
||||
* Visual styling for layouts in the off-canvas dialog.
|
||||
*
|
||||
* See seven/css/layout/layout.css
|
||||
*/
|
||||
|
||||
.layout-icon__region {
|
||||
fill: #f5f5f2;
|
||||
stroke: #666;
|
||||
}
|
||||
11
web/core/themes/stable/css/core/dialog/off-canvas.motion.css
Normal file
11
web/core/themes/stable/css/core/dialog/off-canvas.motion.css
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
/**
|
||||
* @file
|
||||
* Motion effects for off-canvas dialog.
|
||||
*
|
||||
* Motion effects are in a separate file so that they can be easily turned off
|
||||
* to improve performance if desired.
|
||||
*/
|
||||
|
||||
.dialog-off-canvas-main-canvas {
|
||||
transition: padding-right 0.7s ease, padding-left 0.7s ease, padding-top 0.3s ease;
|
||||
}
|
||||
388
web/core/themes/stable/css/core/dialog/off-canvas.reset.css
Normal file
388
web/core/themes/stable/css/core/dialog/off-canvas.reset.css
Normal file
|
|
@ -0,0 +1,388 @@
|
|||
/**
|
||||
* @file
|
||||
* Reset most HTML elements styles for the off-canvas dialog.
|
||||
*
|
||||
* This is a generic reset. Drupal-specific classes are reset in components.
|
||||
*/
|
||||
|
||||
/**
|
||||
* Do not include div in then initial overrides because including div will
|
||||
* cause the need for many more overrides in this file.
|
||||
*/
|
||||
#drupal-off-canvas *:not(div),
|
||||
#drupal-off-canvas *:not(svg *),
|
||||
#drupal-off-canvas *:after,
|
||||
#drupal-off-canvas *:before {
|
||||
all: initial;
|
||||
box-sizing: border-box;
|
||||
text-shadow: none;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-webkit-tap-highlight-color: initial;
|
||||
}
|
||||
|
||||
/* Reset size and position on elements. */
|
||||
#drupal-off-canvas a,
|
||||
#drupal-off-canvas abbr,
|
||||
#drupal-off-canvas acronym,
|
||||
#drupal-off-canvas address,
|
||||
#drupal-off-canvas applet,
|
||||
#drupal-off-canvas article,
|
||||
#drupal-off-canvas aside,
|
||||
#drupal-off-canvas audio,
|
||||
#drupal-off-canvas b,
|
||||
#drupal-off-canvas big,
|
||||
#drupal-off-canvas blockquote,
|
||||
#drupal-off-canvas body,
|
||||
#drupal-off-canvas canvas,
|
||||
#drupal-off-canvas caption,
|
||||
#drupal-off-canvas cite,
|
||||
#drupal-off-canvas code,
|
||||
#drupal-off-canvas dd,
|
||||
#drupal-off-canvas del,
|
||||
#drupal-off-canvas dfn,
|
||||
#drupal-off-canvas dialog,
|
||||
#drupal-off-canvas dl,
|
||||
#drupal-off-canvas dt,
|
||||
#drupal-off-canvas em,
|
||||
#drupal-off-canvas embed,
|
||||
#drupal-off-canvas fieldset,
|
||||
#drupal-off-canvas figcaption,
|
||||
#drupal-off-canvas figure,
|
||||
#drupal-off-canvas footer,
|
||||
#drupal-off-canvas form,
|
||||
#drupal-off-canvas h1,
|
||||
#drupal-off-canvas h2,
|
||||
#drupal-off-canvas h3,
|
||||
#drupal-off-canvas h4,
|
||||
#drupal-off-canvas h5,
|
||||
#drupal-off-canvas h6,
|
||||
#drupal-off-canvas header,
|
||||
#drupal-off-canvas hgroup,
|
||||
#drupal-off-canvas hr,
|
||||
#drupal-off-canvas html,
|
||||
#drupal-off-canvas i,
|
||||
#drupal-off-canvas iframe,
|
||||
#drupal-off-canvas img,
|
||||
#drupal-off-canvas ins,
|
||||
#drupal-off-canvas kbd,
|
||||
#drupal-off-canvas label,
|
||||
#drupal-off-canvas legend,
|
||||
#drupal-off-canvas li,
|
||||
#drupal-off-canvas main,
|
||||
#drupal-off-canvas mark,
|
||||
#drupal-off-canvas menu,
|
||||
#drupal-off-canvas meter,
|
||||
#drupal-off-canvas nav,
|
||||
#drupal-off-canvas object,
|
||||
#drupal-off-canvas ol,
|
||||
#drupal-off-canvas output,
|
||||
#drupal-off-canvas p,
|
||||
#drupal-off-canvas pre,
|
||||
#drupal-off-canvas progress,
|
||||
#drupal-off-canvas q,
|
||||
#drupal-off-canvas rp,
|
||||
#drupal-off-canvas rt,
|
||||
#drupal-off-canvas s,
|
||||
#drupal-off-canvas samp,
|
||||
#drupal-off-canvas section,
|
||||
#drupal-off-canvas small,
|
||||
#drupal-off-canvas span,
|
||||
#drupal-off-canvas strike,
|
||||
#drupal-off-canvas strong,
|
||||
#drupal-off-canvas sub,
|
||||
#drupal-off-canvas sup,
|
||||
#drupal-off-canvas table,
|
||||
#drupal-off-canvas tbody,
|
||||
#drupal-off-canvas td,
|
||||
#drupal-off-canvas tfoot,
|
||||
#drupal-off-canvas th,
|
||||
#drupal-off-canvas thead,
|
||||
#drupal-off-canvas time,
|
||||
#drupal-off-canvas tr,
|
||||
#drupal-off-canvas tt,
|
||||
#drupal-off-canvas u,
|
||||
#drupal-off-canvas ul,
|
||||
#drupal-off-canvas var,
|
||||
#drupal-off-canvas video,
|
||||
#drupal-off-canvas xmp {
|
||||
border: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-size: 100%;
|
||||
}
|
||||
|
||||
/*
|
||||
* Override the default (display: inline) for browsers that do not recognize HTML5 tags.
|
||||
* IE8 (and lower) requires a shiv: http://ejohn.org/blog/html5-shiv
|
||||
*/
|
||||
#drupal-off-canvas article,
|
||||
#drupal-off-canvas aside,
|
||||
#drupal-off-canvas figcaption,
|
||||
#drupal-off-canvas figure,
|
||||
#drupal-off-canvas footer,
|
||||
#drupal-off-canvas header,
|
||||
#drupal-off-canvas hgroup,
|
||||
#drupal-off-canvas main,
|
||||
#drupal-off-canvas menu,
|
||||
#drupal-off-canvas nav,
|
||||
#drupal-off-canvas section {
|
||||
display: block;
|
||||
line-height: normal;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
/*
|
||||
* Makes browsers agree.
|
||||
* IE + Opera = font-weight: bold.
|
||||
* Gecko + WebKit = font-weight: bolder.
|
||||
*/
|
||||
#drupal-off-canvas b,
|
||||
#drupal-off-canvas strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#drupal-off-canvas em,
|
||||
#drupal-off-canvas i {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
#drupal-off-canvas img {
|
||||
color: transparent;
|
||||
font-size: 0;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
#drupal-off-canvas ul,
|
||||
#drupal-off-canvas ol {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
/* reset table styling. */
|
||||
#drupal-off-canvas table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
#drupal-off-canvas table thead,
|
||||
#drupal-off-canvas table tbody,
|
||||
#drupal-off-canvas table tbody tr:nth-child(even),
|
||||
#drupal-off-canvas table tbody tr:nth-child(odd),
|
||||
#drupal-off-canvas table tfoot {
|
||||
border: 0;
|
||||
background: transparent none;
|
||||
}
|
||||
#drupal-off-canvas th,
|
||||
#drupal-off-canvas td,
|
||||
#drupal-off-canvas caption {
|
||||
font-weight: normal;
|
||||
}
|
||||
#drupal-off-canvas q {
|
||||
quotes: none;
|
||||
}
|
||||
#drupal-off-canvas q:before,
|
||||
#drupal-off-canvas q:after {
|
||||
content: none;
|
||||
}
|
||||
#drupal-off-canvas sub,
|
||||
#drupal-off-canvas sup,
|
||||
#drupal-off-canvas small {
|
||||
font-size: 75%;
|
||||
}
|
||||
#drupal-off-canvas sub,
|
||||
#drupal-off-canvas sup {
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
#drupal-off-canvas sub {
|
||||
bottom: -0.25em;
|
||||
}
|
||||
#drupal-off-canvas sup {
|
||||
top: -0.5em;
|
||||
}
|
||||
|
||||
/*
|
||||
* For IE9. Without, occasionally draws shapes
|
||||
* outside the boundaries of <svg> rectangle.
|
||||
*/
|
||||
#drupal-off-canvas svg {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* Specific resets for inputs. */
|
||||
#drupal-off-canvas input[type="search"]::-webkit-search-decoration {
|
||||
display: none;
|
||||
}
|
||||
#drupal-off-canvas input {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
#drupal-off-canvas input[type="checkbox"],
|
||||
#drupal-off-canvas input[type="radio"] {
|
||||
position: static;
|
||||
margin: 0;
|
||||
}
|
||||
#drupal-off-canvas input:invalid,
|
||||
#drupal-off-canvas button:invalid,
|
||||
#drupal-off-canvas select:invalid,
|
||||
#drupal-off-canvas textarea:invalid,
|
||||
#drupal-off-canvas input:focus,
|
||||
#drupal-off-canvas button:focus,
|
||||
#drupal-off-canvas select:focus,
|
||||
#drupal-off-canvas textarea:focus,
|
||||
#drupal-off-canvas input[type="file"]:focus,
|
||||
#drupal-off-canvas input[type="file"]:active,
|
||||
#drupal-off-canvas input[type="radio"]:focus,
|
||||
#drupal-off-canvas input[type="radio"]:active,
|
||||
#drupal-off-canvas input[type="checkbox"]:focus,
|
||||
#drupal-off-canvas input[type="checkbox"]:active {
|
||||
box-shadow: none;
|
||||
z-index: 1;
|
||||
}
|
||||
#drupal-off-canvas input[role="button"] {
|
||||
cursor: pointer;
|
||||
}
|
||||
#drupal-off-canvas button,
|
||||
#drupal-off-canvas input[type="reset"],
|
||||
#drupal-off-canvas input[type="submit"],
|
||||
#drupal-off-canvas input[type="button"] {
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
display: inline-block;
|
||||
background-image: none;
|
||||
border: 0;
|
||||
outline: 0;
|
||||
overflow: visible;
|
||||
text-shadow: none;
|
||||
text-decoration: none;
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
}
|
||||
#drupal-off-canvas button:hover,
|
||||
#drupal-off-canvas input[type="reset"]:hover,
|
||||
#drupal-off-canvas input[type="submit"]:hover,
|
||||
#drupal-off-canvas input[type="button"]:hover {
|
||||
background-image: none;
|
||||
text-decoration: none;
|
||||
}
|
||||
#drupal-off-canvas button:active,
|
||||
#drupal-off-canvas input[type="reset"]:active,
|
||||
#drupal-off-canvas input[type="submit"]:active,
|
||||
#drupal-off-canvas input[type="button"]:active {
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
border-color: grey;
|
||||
}
|
||||
#drupal-off-canvas button::-moz-focus-inner,
|
||||
#drupal-off-canvas input[type="reset"]::-moz-focus-inner,
|
||||
#drupal-off-canvas input[type="submit"]::-moz-focus-inner,
|
||||
#drupal-off-canvas input[type="button"]::-moz-focus-inner {
|
||||
border: 0;
|
||||
padding: 0;
|
||||
}
|
||||
#drupal-off-canvas textarea,
|
||||
#drupal-off-canvas select,
|
||||
#drupal-off-canvas input[type="date"],
|
||||
#drupal-off-canvas input[type="datetime"],
|
||||
#drupal-off-canvas input[type="datetime-local"],
|
||||
#drupal-off-canvas input[type="email"],
|
||||
#drupal-off-canvas input[type="month"],
|
||||
#drupal-off-canvas input[type="number"],
|
||||
#drupal-off-canvas input[type="password"],
|
||||
#drupal-off-canvas input[type="search"],
|
||||
#drupal-off-canvas input[type="tel"],
|
||||
#drupal-off-canvas input[type="text"],
|
||||
#drupal-off-canvas input[type="time"],
|
||||
#drupal-off-canvas input[type="url"],
|
||||
#drupal-off-canvas input[type="week"] {
|
||||
height: auto;
|
||||
vertical-align: middle;
|
||||
border-radius: 0;
|
||||
}
|
||||
#drupal-off-canvas textarea[disabled],
|
||||
#drupal-off-canvas select[disabled],
|
||||
#drupal-off-canvas input[type="date"][disabled],
|
||||
#drupal-off-canvas input[type="datetime"][disabled],
|
||||
#drupal-off-canvas input[type="datetime-local"][disabled],
|
||||
#drupal-off-canvas input[type="email"][disabled],
|
||||
#drupal-off-canvas input[type="month"][disabled],
|
||||
#drupal-off-canvas input[type="number"][disabled],
|
||||
#drupal-off-canvas input[type="password"][disabled],
|
||||
#drupal-off-canvas input[type="search"][disabled],
|
||||
#drupal-off-canvas input[type="tel"][disabled],
|
||||
#drupal-off-canvas input[type="text"][disabled],
|
||||
#drupal-off-canvas input[type="time"][disabled],
|
||||
#drupal-off-canvas input[type="url"][disabled],
|
||||
#drupal-off-canvas input[type="week"][disabled] {
|
||||
background-color: grey;
|
||||
}
|
||||
#drupal-off-canvas input[type="hidden"] {
|
||||
visibility: hidden;
|
||||
}
|
||||
#drupal-off-canvas button[disabled],
|
||||
#drupal-off-canvas input[disabled],
|
||||
#drupal-off-canvas select[disabled],
|
||||
#drupal-off-canvas select[disabled] option,
|
||||
#drupal-off-canvas select[disabled] optgroup,
|
||||
#drupal-off-canvas textarea[disabled] {
|
||||
box-shadow: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
cursor: default;
|
||||
}
|
||||
#drupal-off-canvas input:placeholder,
|
||||
#drupal-off-canvas textarea:placeholder {
|
||||
color: grey;
|
||||
}
|
||||
#drupal-off-canvas textarea,
|
||||
#drupal-off-canvas select[size],
|
||||
#drupal-off-canvas select[multiple] {
|
||||
height: auto;
|
||||
}
|
||||
#drupal-off-canvas select[size="0"],
|
||||
#drupal-off-canvas select[size="1"] {
|
||||
height: auto;
|
||||
}
|
||||
#drupal-off-canvas textarea {
|
||||
min-height: 40px;
|
||||
overflow: auto;
|
||||
resize: vertical;
|
||||
width: 100%;
|
||||
}
|
||||
#drupal-off-canvas optgroup {
|
||||
color: black;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
}
|
||||
#drupal-off-canvas optgroup::-moz-focus-inner {
|
||||
border: 0;
|
||||
padding: 0;
|
||||
}
|
||||
#drupal-off-canvas * button {
|
||||
background: none;
|
||||
border: 1px solid grey;
|
||||
color: black;
|
||||
padding: 0;
|
||||
text-decoration: none;
|
||||
overflow: visible;
|
||||
vertical-align: middle;
|
||||
width: auto;
|
||||
}
|
||||
#drupal-off-canvas * textarea,
|
||||
#drupal-off-canvas * select,
|
||||
#drupal-off-canvas *:not(div) textarea,
|
||||
#drupal-off-canvas *:not(div) select {
|
||||
background: white;
|
||||
border: 1px solid grey;
|
||||
color: black;
|
||||
padding: 0;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
/* To standardize off-canvas selection color. */
|
||||
#drupal-off-canvas ::-moz-selection,
|
||||
#drupal-off-canvas ::selection {
|
||||
background-color: rgba(175, 175, 175, 0.5);
|
||||
color: inherit;
|
||||
}
|
||||
89
web/core/themes/stable/css/core/dialog/off-canvas.table.css
Normal file
89
web/core/themes/stable/css/core/dialog/off-canvas.table.css
Normal file
|
|
@ -0,0 +1,89 @@
|
|||
/**
|
||||
* @file
|
||||
* Visual styling for tables in the off-canvas dialog.
|
||||
*/
|
||||
|
||||
#drupal-off-canvas table * {
|
||||
font-family: "Lucida Grande", 'Lucida Sans Unicode', 'liberation sans', sans-serif;
|
||||
}
|
||||
#drupal-off-canvas table {
|
||||
display: table;
|
||||
width: 100%;
|
||||
min-width: calc(100% + 40px);
|
||||
/* Cancel out the padding of the parent to make the table full width. */
|
||||
margin: 0 -20px -10px -20px;
|
||||
border: 0;
|
||||
border-collapse: collapse;
|
||||
font-size: 12px;
|
||||
color: #ddd;
|
||||
}
|
||||
#drupal-off-canvas table thead {
|
||||
display: table-header-group;
|
||||
}
|
||||
#drupal-off-canvas table tbody {
|
||||
display: table-row-group;
|
||||
}
|
||||
#drupal-off-canvas tr {
|
||||
display: table-row;
|
||||
}
|
||||
#drupal-off-canvas tr:hover td {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
#drupal-off-canvas td,
|
||||
#drupal-off-canvas th {
|
||||
display: table-cell;
|
||||
height: auto;
|
||||
width: auto;
|
||||
padding: 2px 8px;
|
||||
vertical-align: middle;
|
||||
border-bottom: 1px solid #777;
|
||||
background-color: transparent;
|
||||
}
|
||||
[dir="rtl"] #drupal-off-canvas th,
|
||||
[dir="rtl"] #drupal-off-canvas td {
|
||||
text-align: right;
|
||||
}
|
||||
#drupal-off-canvas th {
|
||||
font-weight: bold;
|
||||
}
|
||||
#drupal-off-canvas th.checkbox,
|
||||
#drupal-off-canvas td.checkbox {
|
||||
width: 20px;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
}
|
||||
#drupal-off-canvas div.checkbox.menu-enabled {
|
||||
position: static;
|
||||
display: inline;
|
||||
width: auto;
|
||||
}
|
||||
#drupal-off-canvas th:first-child,
|
||||
#drupal-off-canvas td:first-child {
|
||||
width: 150px;
|
||||
}
|
||||
/* For lack of a better class, using this to grab the operations th. */
|
||||
#drupal-off-canvas .tabledrag-has-colspan {
|
||||
text-align: right;
|
||||
padding-right: 20px;
|
||||
}
|
||||
#drupal-off-canvas td {
|
||||
padding: 6px 8px;
|
||||
color: #ddd;
|
||||
}
|
||||
/* Hide overflow with ellipsis for links. */
|
||||
#drupal-off-canvas td a {
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
background: transparent;
|
||||
}
|
||||
#drupal-off-canvas tr td:first-child,
|
||||
#drupal-off-canvas tr th:first-child {
|
||||
padding-left: 20px; /* LTR */
|
||||
}
|
||||
[dir="rtl"] #drupal-off-canvas tr td:first-child,
|
||||
[dir="rtl"] #drupal-off-canvas tr th:first-child {
|
||||
padding-right: 20px;
|
||||
}
|
||||
122
web/core/themes/stable/css/core/dialog/off-canvas.tabledrag.css
Normal file
122
web/core/themes/stable/css/core/dialog/off-canvas.tabledrag.css
Normal file
|
|
@ -0,0 +1,122 @@
|
|||
/**
|
||||
* @file
|
||||
* Table drag behavior for off-canvas dialog.
|
||||
*
|
||||
* @see tabledrag.js
|
||||
*/
|
||||
|
||||
#drupal-off-canvas .drag {
|
||||
cursor: move;
|
||||
}
|
||||
#drupal-off-canvas tr.region-title {
|
||||
font-weight: normal;
|
||||
}
|
||||
#drupal-off-canvas table .region-message {
|
||||
color: #fff;
|
||||
}
|
||||
#drupal-off-canvas table .region-populated {
|
||||
display: none;
|
||||
}
|
||||
#drupal-off-canvas .add-new .tabledrag-changed {
|
||||
display: none;
|
||||
}
|
||||
#drupal-off-canvas .draggable a.tabledrag-handle {
|
||||
background-image: none;
|
||||
margin: 0 5px 0 0;
|
||||
height: auto;
|
||||
min-width: 20px;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
float: left; /* LTR */
|
||||
text-decoration: none;
|
||||
cursor: move;
|
||||
}
|
||||
[dir="rtl"] #drupal-off-canvas .draggable a.tabledrag-handle {
|
||||
float: right;
|
||||
margin-right: 0;
|
||||
margin-left: 5px;
|
||||
}
|
||||
#drupal-off-canvas a.tabledrag-handle .handle {
|
||||
/* Use lighter drag icon against dark background. */
|
||||
background-image: url(../../../images/core/icons/bebebe/move.svg);
|
||||
background-color: transparent;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
height: auto;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: auto;
|
||||
}
|
||||
#drupal-off-canvas .draggable a.tabledrag-handle:hover .handle,
|
||||
#drupal-off-canvas .draggable a.tabledrag-handle:focus .handle {
|
||||
background-image: url(../../../images/core/icons/787878/move.svg);
|
||||
text-decoration: none;
|
||||
}
|
||||
#drupal-off-canvas tr td {
|
||||
transition: background 0.3s ease;
|
||||
}
|
||||
|
||||
#drupal-off-canvas tr td abbr {
|
||||
margin-left: 5px; /* LTR */
|
||||
}
|
||||
|
||||
[dir="rtl"] #drupal-off-canvas tr td abbr {
|
||||
margin-left: 0;
|
||||
margin-right: 5px;
|
||||
}
|
||||
#drupal-off-canvas tr:hover td {
|
||||
background: #222;
|
||||
}
|
||||
#drupal-off-canvas tr.drag td {
|
||||
background: #111;
|
||||
}
|
||||
#drupal-off-canvas tr.drag-previous td {
|
||||
background: #000;
|
||||
}
|
||||
#drupal-off-canvas tr.drag-previous:hover td {
|
||||
background: #222;
|
||||
}
|
||||
body div.tabledrag-changed-warning {
|
||||
margin-bottom: 0.5em;
|
||||
font-size: 14px;
|
||||
}
|
||||
#drupal-off-canvas .touchevents .draggable td {
|
||||
padding: 0 10px;
|
||||
}
|
||||
#drupal-off-canvas .touchevents .draggable .menu-item__link {
|
||||
display: inline-block;
|
||||
padding: 10px 0;
|
||||
}
|
||||
#drupal-off-canvas .touchevents a.tabledrag-handle {
|
||||
height: 44px;
|
||||
width: 40px;
|
||||
}
|
||||
#drupal-off-canvas .touchevents a.tabledrag-handle .handle {
|
||||
background-position: 40% 19px; /* LTR */
|
||||
height: 21px;
|
||||
}
|
||||
[dir="rtl"] #drupal-off-canvas .touch a.tabledrag-handle .handle {
|
||||
background-position: right 40% top 19px;
|
||||
}
|
||||
#drupal-off-canvas .touchevents .draggable.drag a.tabledrag-handle .handle {
|
||||
background-position: 50% -32px;
|
||||
}
|
||||
#drupal-off-canvas .tabledrag-toggle-weight-wrapper {
|
||||
padding-top: 10px;
|
||||
text-align: right; /* LTR */
|
||||
}
|
||||
[dir="rtl"] #drupal-off-canvas .tabledrag-toggle-weight-wrapper {
|
||||
text-align: left;
|
||||
}
|
||||
#drupal-off-canvas .indentation {
|
||||
float: left; /* LTR */
|
||||
height: auto;
|
||||
margin: 0 3px 0 -10px; /* LTR */
|
||||
padding: 0 0 0 10px; /* LTR */
|
||||
width: auto;
|
||||
}
|
||||
[dir="rtl"] #drupal-off-canvas .indentation {
|
||||
float: right;
|
||||
margin: 0 -10px 0 3px;
|
||||
padding: 0 10px 0 0;
|
||||
}
|
||||
100
web/core/themes/stable/css/core/dialog/off-canvas.theme.css
Normal file
100
web/core/themes/stable/css/core/dialog/off-canvas.theme.css
Normal file
|
|
@ -0,0 +1,100 @@
|
|||
/**
|
||||
* @file
|
||||
* Styling for the off-canvas ui dialog. Including overrides for jQuery UI.
|
||||
*/
|
||||
|
||||
/* Style the dialog-off-canvas container. */
|
||||
.ui-dialog.ui-dialog-off-canvas {
|
||||
background: #444;
|
||||
border-radius: 0;
|
||||
box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.3333);
|
||||
padding: 0;
|
||||
color: #ddd;
|
||||
/* Layer the dialog just under the toolbar. */
|
||||
z-index: 501;
|
||||
}
|
||||
.ui-widget.ui-dialog.ui-dialog-off-canvas {
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
|
||||
/* Style the off-canvas dialog header. */
|
||||
.ui-dialog.ui-dialog-off-canvas .ui-dialog-titlebar {
|
||||
padding: 1em;
|
||||
background: #2d2d2d;
|
||||
border: 0;
|
||||
border-bottom: 1px solid #000;
|
||||
border-radius: 0;
|
||||
font-weight: normal;
|
||||
color: #fff;
|
||||
}
|
||||
/* Hide the default jQuery UI dialog close button. */
|
||||
.ui-dialog.ui-dialog-off-canvas .ui-dialog-titlebar-close .ui-icon {
|
||||
visibility: hidden;
|
||||
}
|
||||
.ui-dialog.ui-dialog-off-canvas .ui-dialog-titlebar-close {
|
||||
background-image: url(../../../images/core/icons/bebebe/ex.svg);
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
background-color: transparent;
|
||||
border: 3px solid transparent;
|
||||
height: 30px;
|
||||
width: 30px;
|
||||
position: absolute;
|
||||
top: calc(50% - 6px);
|
||||
right: 1em;
|
||||
transition: all 0.5s ease;
|
||||
}
|
||||
.ui-dialog.ui-dialog-off-canvas .ui-dialog-titlebar-close:hover,
|
||||
.ui-dialog.ui-dialog-off-canvas .ui-dialog-titlebar-close:focus {
|
||||
background-image: url(../../../images/core/icons/ffffff/ex.svg);
|
||||
border: 3px solid #fff;
|
||||
}
|
||||
[dir="rtl"] .ui-dialog.ui-dialog-off-canvas .ui-dialog-titlebar-close {
|
||||
left: 1em;
|
||||
right: auto;
|
||||
}
|
||||
.ui-dialog.ui-dialog-off-canvas .ui-dialog-title {
|
||||
margin: 0;
|
||||
/* Push the text away from the icon. */
|
||||
padding-left: 30px; /* LTR */
|
||||
padding-right: 0; /* LTR */
|
||||
/* Ensure that long titles do not overlap the close button. */
|
||||
max-width: 210px;
|
||||
font-size: 16px;
|
||||
font-family: "Lucida Grande", 'Lucida Sans Unicode', 'liberation sans', sans-serif;
|
||||
text-align: left; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .ui-dialog.ui-dialog-off-canvas .ui-dialog-title {
|
||||
float: right;
|
||||
text-align: right;
|
||||
padding-left: 0;
|
||||
padding-right: 30px;
|
||||
}
|
||||
.ui-dialog.ui-dialog-off-canvas .ui-dialog-title:before {
|
||||
background: transparent url(../../../images/core/icons/ffffff/pencil.svg) no-repeat scroll center center;
|
||||
background-size: 100% auto;
|
||||
content: '';
|
||||
display: block;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
left: 1em; /* LTR */
|
||||
top: 0;
|
||||
width: 20px;
|
||||
}
|
||||
[dir="rtl"] .ui-dialog.ui-dialog-off-canvas .ui-dialog-title:before {
|
||||
left: auto;
|
||||
right: 1em;
|
||||
}
|
||||
|
||||
/* Override default styling from jQuery UI. */
|
||||
#drupal-off-canvas .ui-state-default,
|
||||
#drupal-off-canvas .ui-widget-content .ui-state-default,
|
||||
#drupal-off-canvas .ui-widget-header .ui-state-default {
|
||||
border: 0;
|
||||
font-weight: normal;
|
||||
font-size: 14px;
|
||||
color: #333;
|
||||
}
|
||||
#drupal-off-canvas .ui-widget-content a {
|
||||
color: #85bef4;
|
||||
}
|
||||
|
|
@ -17,14 +17,14 @@
|
|||
position: relative;
|
||||
}
|
||||
|
||||
@media screen and (max-width:600px) {
|
||||
@media screen and (max-width: 600px) {
|
||||
.js .dropbutton-wrapper {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
/* Splitbuttons */
|
||||
@media screen and (min-width:600px) {
|
||||
@media screen and (min-width: 600px) {
|
||||
.form-actions .dropbutton-wrapper {
|
||||
float: left; /* LTR */
|
||||
}
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@ th {
|
|||
tr:nth-child(odd) {
|
||||
background-color: #ddd;
|
||||
}
|
||||
tr:nth-child(even){
|
||||
tr:nth-child(even) {
|
||||
background-color: #fff;
|
||||
}
|
||||
td {
|
||||
|
|
|
|||
|
|
@ -8,8 +8,8 @@
|
|||
border: 1px solid #ccc;
|
||||
}
|
||||
[dir="rtl"] .vertical-tabs {
|
||||
margin-left: 0;
|
||||
margin-right: 15em;
|
||||
margin-left: 0;
|
||||
margin-right: 15em;
|
||||
}
|
||||
.vertical-tabs__menu {
|
||||
float: left; /* LTR */
|
||||
|
|
|
|||
|
|
@ -5,12 +5,12 @@
|
|||
.dblog-filter-form .form-item-type,
|
||||
.dblog-filter-form .form-item-severity {
|
||||
display: inline-block;
|
||||
margin: .1em .9em .1em .1em; /* LTR */
|
||||
margin: 0.1em 0.9em 0.1em 0.1em; /* LTR */
|
||||
max-width: 30%;
|
||||
}
|
||||
[dir="rtl"] .dblog-filter-form .form-item-type,
|
||||
[dir="rtl"] .dblog-filter-form .form-item-severity {
|
||||
margin: .1em .1em .1em .9em;
|
||||
margin: 0.1em 0.1em 0.1em 0.9em;
|
||||
}
|
||||
.dblog-filter-form .form-actions {
|
||||
display: inline-block;
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@
|
|||
}
|
||||
.field-ui-overview .field-plugin-summary {
|
||||
float: left; /* LTR */
|
||||
font-size: .9em;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
[dir="rtl"] .field-ui-overview .field-plugin-summary {
|
||||
float: right;
|
||||
|
|
@ -25,7 +25,7 @@
|
|||
.field-ui-overview .field-plugin-summary-cell .warning {
|
||||
display: block;
|
||||
float: left; /* LTR */
|
||||
margin-right: .5em;
|
||||
margin-right: 0.5em;
|
||||
}
|
||||
[dir="rtl"] .field-ui-overview .field-plugin-summary-cell .warning {
|
||||
float: right;
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
* Admin stylesheet for file module.
|
||||
*/
|
||||
|
||||
/* File upload widget.*/
|
||||
/* File upload widget. */
|
||||
.form-managed-file .form-submit {
|
||||
margin: 0 0.5em;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -5,12 +5,12 @@
|
|||
|
||||
.quickedit-image-dropzone {
|
||||
background: rgba(116, 183, 255, 0.8);
|
||||
transition: background .2s;
|
||||
transition: background 0.2s;
|
||||
}
|
||||
|
||||
.quickedit-image-icon {
|
||||
margin: 0 0 10px 0;
|
||||
transition: margin .5s;
|
||||
transition: margin 0.5s;
|
||||
}
|
||||
|
||||
.quickedit-image-dropzone.hover {
|
||||
|
|
@ -51,9 +51,9 @@
|
|||
}
|
||||
|
||||
@keyframes quickedit-image-spin {
|
||||
0% {transform: rotate(0deg);}
|
||||
50% {transform: rotate(180deg);}
|
||||
100% {transform: rotate(360deg);}
|
||||
0% { transform: rotate(0deg); }
|
||||
50% { transform: rotate(180deg); }
|
||||
100% { transform: rotate(360deg); }
|
||||
}
|
||||
|
||||
.quickedit-image-text {
|
||||
|
|
|
|||
|
|
@ -37,7 +37,7 @@
|
|||
table-layout: fixed;
|
||||
}
|
||||
.locale-translate-edit-form td {
|
||||
vertical-align: top
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.locale-translate-edit-form tr.changed {
|
||||
|
|
@ -49,7 +49,7 @@
|
|||
}
|
||||
|
||||
.locale-translate-filter-form .form-wrapper {
|
||||
margin-bottom:0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.locale-translate-edit-form table.changed {
|
||||
|
|
@ -68,18 +68,16 @@
|
|||
#locale-translation-status-form th.title {
|
||||
width: 25%;
|
||||
}
|
||||
#locale-translation-status-form th.description {
|
||||
}
|
||||
#locale-translation-status-form td {
|
||||
vertical-align: top;
|
||||
}
|
||||
.locale-translation-update__wrapper {
|
||||
background: transparent url(../../images/core/menu-collapsed.png) left .6em no-repeat;
|
||||
background: transparent url(../../images/core/menu-collapsed.png) left 0.6em no-repeat;
|
||||
margin-left: -12px;
|
||||
padding-left: 12px;
|
||||
}
|
||||
.expanded .locale-translation-update__wrapper {
|
||||
background: transparent url(../../images/core/menu-expanded.png) left .6em no-repeat;
|
||||
background: transparent url(../../images/core/menu-expanded.png) left 0.6em no-repeat;
|
||||
}
|
||||
#locale-translation-status-form .description {
|
||||
cursor: pointer;
|
||||
|
|
@ -125,6 +123,7 @@
|
|||
margin: 0 0 0.25em 1.5em;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 40em) {
|
||||
#locale-translation-status-form th.title {
|
||||
width: 20%;
|
||||
|
|
|
|||
|
|
@ -0,0 +1,23 @@
|
|||
/**
|
||||
* @file
|
||||
* Styles for the upgrade analysis report tables.
|
||||
*/
|
||||
.upgrade-analysis-report__status-icon:before {
|
||||
content: "";
|
||||
background-size: 16px;
|
||||
background-position: left center;
|
||||
background-repeat: no-repeat;
|
||||
width: 32px;
|
||||
height: 14px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.upgrade-analysis-report__status-icon--warning:before {
|
||||
background-image: url(../../../images/core/icons/e29700/warning.svg);
|
||||
}
|
||||
.upgrade-analysis-report__status-icon--checked:before {
|
||||
background-image: url(../../../images/core/icons/73b355/check.svg);
|
||||
}
|
||||
.upgrade-analysis-report__status-icon--error:before {
|
||||
background-image: url(../../../images/core/icons/e32700/error.svg);
|
||||
}
|
||||
|
|
@ -9,7 +9,7 @@
|
|||
|
||||
/* Narrow screens */
|
||||
.layout-region {
|
||||
box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/* Wide screens */
|
||||
|
|
@ -51,7 +51,7 @@
|
|||
.layout-region-node-secondary .form-number,
|
||||
.layout-region-node-secondary .form-color,
|
||||
.layout-region-node-secondary textarea {
|
||||
box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -48,7 +48,7 @@
|
|||
font-size: 1em;
|
||||
}
|
||||
.quickedit .icon-pencil {
|
||||
margin-left: .5em;
|
||||
margin-left: 0.5em;
|
||||
padding-left: 1.5em;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -86,7 +86,6 @@
|
|||
* Entity toolbar.
|
||||
*/
|
||||
.quickedit-toolbar-container {
|
||||
max-width: 100%;
|
||||
position: absolute;
|
||||
max-width: 320px;
|
||||
width: 320px;
|
||||
|
|
|
|||
|
|
@ -26,7 +26,7 @@
|
|||
}
|
||||
.quickedit-editing.quickedit-validation-error,
|
||||
.quickedit-form.quickedit-validation-error {
|
||||
box-shadow: 0 0 0px 1px #ee8b74, 0 0 0 2px #fa2209;
|
||||
box-shadow: 0 0 0 1px #ee8b74, 0 0 0 2px #fa2209;
|
||||
}
|
||||
.quickedit-editing.quickedit-editor-is-popup {
|
||||
box-shadow: none;
|
||||
|
|
@ -45,7 +45,7 @@
|
|||
margin: 0;
|
||||
}
|
||||
.quickedit-form .form-wrapper {
|
||||
margin: .5em;
|
||||
margin: 0.5em;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -55,35 +55,35 @@
|
|||
opacity: 0;
|
||||
}
|
||||
.quickedit-animate-default {
|
||||
-webkit-transition: all .4s ease;
|
||||
transition: all .4s ease;
|
||||
-webkit-transition: all 0.4s ease;
|
||||
transition: all 0.4s ease;
|
||||
}
|
||||
.quickedit-animate-slow {
|
||||
-webkit-transition: all .6s ease;
|
||||
transition: all .6s ease;
|
||||
-webkit-transition: all 0.6s ease;
|
||||
transition: all 0.6s ease;
|
||||
}
|
||||
.quickedit-animate-delay-veryfast {
|
||||
-webkit-transition-delay: .05s;
|
||||
transition-delay: .05s;
|
||||
-webkit-transition-delay: 0.05s;
|
||||
transition-delay: 0.05s;
|
||||
}
|
||||
.quickedit-animate-delay-fast {
|
||||
-webkit-transition-delay: .2s;
|
||||
transition-delay: .2s;
|
||||
-webkit-transition-delay: 0.2s;
|
||||
transition-delay: 0.2s;
|
||||
}
|
||||
.quickedit-animate-disable-width {
|
||||
-webkit-transition: width 0s;
|
||||
transition: width 0s;
|
||||
}
|
||||
.quickedit-animate-only-visibility {
|
||||
-webkit-transition: opacity .2s ease;
|
||||
transition: opacity .2s ease;
|
||||
-webkit-transition: opacity 0.2s ease;
|
||||
transition: opacity 0.2s ease;
|
||||
}
|
||||
|
||||
/**
|
||||
* In-place editors that don't use a popup.
|
||||
*/
|
||||
.quickedit-validation-errors .messages.error {
|
||||
box-shadow: 0 0 1px 1px red, 0 0 3px 3px rgba(153, 153, 153, .5);
|
||||
box-shadow: 0 0 1px 1px red, 0 0 3px 3px rgba(153, 153, 153, 0.5);
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
|
|
@ -99,7 +99,7 @@
|
|||
* Toolbars.
|
||||
*/
|
||||
.quickedit-toolbar-container {
|
||||
font-family: 'Source Sans Pro','Lucida Grande', sans-serif;
|
||||
font-family: 'Source Sans Pro', 'Lucida Grande', sans-serif;
|
||||
padding-bottom: 7px;
|
||||
padding-top: 7px;
|
||||
-webkit-transition: all 1s;
|
||||
|
|
@ -107,7 +107,7 @@
|
|||
}
|
||||
.quickedit-toolbar-container > .quickedit-toolbar-content {
|
||||
background-image: -webkit-linear-gradient(top, #fff, #e4e4e4);
|
||||
background-image: linear-gradient(to bottom, #fff, #e4e4e4);
|
||||
background-image: linear-gradient(to bottom, #fff, #e4e4e4);
|
||||
box-sizing: border-box;
|
||||
color: black;
|
||||
padding: 0.1667em;
|
||||
|
|
@ -121,7 +121,7 @@
|
|||
.quickedit-toolbar-container > .quickedit-toolbar-pointer {
|
||||
background-color: #e4e4e4;
|
||||
bottom: 2px;
|
||||
box-shadow: 0 0 0 1px #818181, 0px 0px 0 4px rgba(150, 150, 150, 0.5);
|
||||
box-shadow: 0 0 0 1px #818181, 0 0 0 4px rgba(150, 150, 150, 0.5);
|
||||
display: block;
|
||||
height: 16px;
|
||||
left: 18px; /* LTR */
|
||||
|
|
@ -142,7 +142,7 @@
|
|||
}
|
||||
.quickedit-toolbar-container > .quickedit-toolbar-lining {
|
||||
bottom: 7px;
|
||||
box-shadow: 0 0 0 1px #818181, 0px 3px 0px 1px rgba(150, 150, 150, 0.5);
|
||||
box-shadow: 0 0 0 1px #818181, 0 3px 0 1px rgba(150, 150, 150, 0.5);
|
||||
display: block;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
|
|
@ -174,9 +174,9 @@
|
|||
padding: 0.1667em 0.2em;
|
||||
}
|
||||
|
||||
/**
|
||||
* Info toolgroup.
|
||||
*/
|
||||
/**
|
||||
* Info toolgroup.
|
||||
*/
|
||||
.quickedit-toolbar-fullwidth {
|
||||
width: 100%;
|
||||
}
|
||||
|
|
@ -208,8 +208,8 @@
|
|||
margin: 0;
|
||||
opacity: 1;
|
||||
padding: 0.345em;
|
||||
-webkit-transition: opacity .1s ease;
|
||||
transition: opacity .1s ease;
|
||||
-webkit-transition: opacity 0.1s ease;
|
||||
transition: opacity 0.1s ease;
|
||||
}
|
||||
.quickedit-button[aria-hidden="true"] {
|
||||
visibility: hidden;
|
||||
|
|
@ -237,7 +237,7 @@
|
|||
color: white;
|
||||
background-color: #50a0e9;
|
||||
background-image: -webkit-linear-gradient(top, #50a0e9, #4481dc);
|
||||
background-image: linear-gradient(to bottom, #50a0e9, #4481dc);
|
||||
background-image: linear-gradient(to bottom, #50a0e9, #4481dc);
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
.quickedit-button.action-save:hover,
|
||||
|
|
|
|||
|
|
@ -0,0 +1,23 @@
|
|||
/**
|
||||
* @file
|
||||
* Styling for Settings Tray module.
|
||||
*/
|
||||
/*
|
||||
* Position the edit toolbar tab.
|
||||
* @todo Move changes into contextual module when Settings Tray is not
|
||||
* experimental: https://www.drupal.org/node/2784591.
|
||||
*/
|
||||
.toolbar .toolbar-bar .contextual-toolbar-tab.toolbar-tab {
|
||||
float: left;
|
||||
}
|
||||
[dir="rtl"] .toolbar .toolbar-bar .contextual-toolbar-tab.toolbar-tab {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.dialog-off-canvas-main-canvas.js-settings-tray-edit-mode a,
|
||||
.dialog-off-canvas-main-canvas.js-settings-tray-edit-mode input {
|
||||
pointer-events: none;
|
||||
}
|
||||
.dialog-off-canvas-main-canvas.js-settings-tray-edit-mode .contextual-links a {
|
||||
pointer-events: inherit;
|
||||
}
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
/**
|
||||
* @file
|
||||
* Motion effects for Settings Tray module.
|
||||
*
|
||||
* Motion effects are in a separate file so that they can be easily turned off
|
||||
* to improve performance if desired.
|
||||
*/
|
||||
|
||||
/* Transition the edit icon in the toolbar. */
|
||||
#toolbar-bar.button.toolbar-icon.toolbar-icon.toolbar-icon-edit:before {
|
||||
transition: all 0.7s ease;
|
||||
}
|
||||
|
||||
/* Transition the editables on the page, their contextual links and their hover states. */
|
||||
.dialog-off-canvas-main-canvas .contextual,
|
||||
.dialog-off-canvas-main-canvas .js-settings-tray-edit-mode .settings-tray-editable,
|
||||
.dialog-off-canvas-main-canvas.js-off-canvas-dialog-open .js-settings-tray-edit-mode .settings-tray-editable {
|
||||
transition: all 0.7s ease;
|
||||
}
|
||||
|
|
@ -0,0 +1,70 @@
|
|||
/**
|
||||
* @file
|
||||
* Visual styling for Settings Tray module.
|
||||
*/
|
||||
|
||||
/* @todo remove the @imports when we find a better way to load these styles last.
|
||||
* https://www.drupal.org/node/1945262.
|
||||
*/
|
||||
|
||||
/* Style the edit mode toolbar and tabs. */
|
||||
#toolbar-bar.js-settings-tray-edit-mode {
|
||||
background-image: linear-gradient(to bottom, #0a7bc1, #0a6eb4);
|
||||
}
|
||||
.js-settings-tray-edit-mode .toolbar-item:not(.toolbar-icon-edit) {
|
||||
color: #999;
|
||||
}
|
||||
.js-settings-tray-edit-mode .toolbar-item:not(.toolbar-icon-edit) .is-active {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
/* Style both the edit and editing states of the contextual links toggle tab. */
|
||||
.toolbar-tab > .toolbar-icon.toolbar-icon-edit.toolbar-item,
|
||||
.toolbar-tab > .toolbar-icon.toolbar-icon-edit.toolbar-item.is-active,
|
||||
.toolbar-tab > .toolbar-icon.toolbar-icon-edit.toolbar-item:focus {
|
||||
background-color: #0066a1;
|
||||
background-image: linear-gradient(to bottom, #0066a1, #005b98);
|
||||
color: #eee;
|
||||
text-shadow: none;
|
||||
font-weight: bold;
|
||||
outline: none;
|
||||
}
|
||||
/* Make the hover of the inactive state the same as the active state. */
|
||||
.toolbar-tab > .toolbar-icon.toolbar-icon-edit.toolbar-item:hover,
|
||||
.toolbar-tab > .toolbar-icon.toolbar-icon-edit.toolbar-item.is-active {
|
||||
background-image: linear-gradient(to bottom, #0a7bc1, #0a6eb4);
|
||||
color: #fff;
|
||||
}
|
||||
/* Make the hover of the active state the same as the inactive state. */
|
||||
.toolbar-tab > .toolbar-icon.toolbar-icon-edit.toolbar-item.is-active:hover {
|
||||
background-color: #0066a1;
|
||||
background-image: linear-gradient(to bottom, #0066a1, #005b98);
|
||||
color: #fff;
|
||||
}
|
||||
/* Make the inactive icon grey. */
|
||||
.toolbar-tab > .toolbar-icon.toolbar-icon-edit.toolbar-item:before {
|
||||
background-image: url(../../../../misc/icons/bebebe/pencil.svg);
|
||||
}
|
||||
/* Make the active icon white. */
|
||||
.toolbar-tab > .toolbar-icon.toolbar-icon-edit.toolbar-item.is-active:before {
|
||||
background-image: url(../../../../misc/icons/ffffff/pencil.svg);
|
||||
}
|
||||
.toolbar-tab > .toolbar-icon.toolbar-icon-edit.toolbar-item:hover:before {
|
||||
background-image: url(../../../../misc/icons/ffffff/pencil.svg);
|
||||
}
|
||||
.toolbar-tab > .toolbar-icon.toolbar-icon-edit.toolbar-item:hover > .toolbar-icon-edit:before {
|
||||
background-image: url(../../../../misc/icons/ffffff/pencil.svg);
|
||||
}
|
||||
.toolbar-tab > .button.toolbar-icon.toolbar-icon.toolbar-icon-edit:before {
|
||||
background-image: url(../../../../misc/icons/ffffff/pencil.svg);
|
||||
}
|
||||
|
||||
/* Style the editables while in edit mode. */
|
||||
.dialog-off-canvas-main-canvas.js-settings-tray-edit-mode .settings-tray-editable {
|
||||
outline: 1px dashed rgba(0, 0, 0, 0.5);
|
||||
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.7);
|
||||
}
|
||||
.dialog-off-canvas-main-canvas.js-settings-tray-edit-mode .settings-tray-editable:hover,
|
||||
.dialog-off-canvas-main-canvas.js-settings-tray-edit-mode .settings-tray-editable.settings-tray-active-editable {
|
||||
background-color: rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
|
@ -0,0 +1,66 @@
|
|||
/**
|
||||
* @file
|
||||
* Visual styling for the toolbar when Settings Tray module is enabled.
|
||||
*/
|
||||
|
||||
/* @todo Move this into toolbar when module is not experimental:
|
||||
* https://www.drupal.org/node/2784593.
|
||||
*/
|
||||
|
||||
/* Style the edit mode toolbar and tabs. */
|
||||
#toolbar-bar.js-settings-tray-edit-mode {
|
||||
background-color: #fff;
|
||||
}
|
||||
#toolbar-bar.js-settings-tray-edit-mode .toolbar-item {
|
||||
color: #999;
|
||||
}
|
||||
#toolbar-bar.js-settings-tray-edit-mode .toolbar-item .is-active {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
/* Style both the edit and editing states of the contextual links toggle tab. */
|
||||
.toolbar-icon-edit.toolbar-item {
|
||||
background-color: #0066a1;
|
||||
background-image: linear-gradient(to bottom, #0066a1, #005b98);
|
||||
color: #eee;
|
||||
text-shadow: 0 1px hsla(0, 0%, 0%, 0.5);
|
||||
font-weight: 700;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
.toolbar-icon-edit.toolbar-item.is-active {
|
||||
background-color: #0a7bc1;
|
||||
background-image: linear-gradient(to bottom, #0a7bc1, #0a6eb4);
|
||||
color: #fff;
|
||||
text-shadow: 0 1px hsla(0, 0%, 0%, 0.5);
|
||||
font-weight: 700;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
.toolbar-tab:hover > .toolbar-icon-edit,
|
||||
.toolbar-icon-edit:focus .toolbar-item {
|
||||
background-color: #0a7bc1;
|
||||
background-image: linear-gradient(to bottom, #0a7bc1, #0a6eb4);
|
||||
border-color: #1e5c90;
|
||||
color: #fff;
|
||||
outline: none;
|
||||
}
|
||||
.toolbar-icon.toolbar-icon-edit.toolbar-item:before,
|
||||
button.toolbar-icon.toolbar-icon-edit.toolbar-item:before {
|
||||
background-image: url(../../../../misc/icons/bebebe/pencil.svg);
|
||||
}
|
||||
.toolbar-icon.toolbar-icon-edit.toolbar-item:before:hover,
|
||||
button.toolbar-icon.toolbar-icon-edit.toolbar-item:before:focus {
|
||||
background-image: url(../../../../misc/icons/ffffff/pencil.svg);
|
||||
}
|
||||
.toolbar-icon.toolbar-icon-edit.toolbar-item:hover > .toolbar-icon-edit:before {
|
||||
background-image: url(../../../../misc/icons/ffffff/pencil.svg);
|
||||
}
|
||||
#toolbar-bar.button.toolbar-icon.toolbar-icon.toolbar-icon-edit:before {
|
||||
background-image: url(../../../../misc/icons/ffffff/pencil.svg);
|
||||
}
|
||||
|
||||
#toolbar-bar.js-settings-tray-edit-mode button.toolbar-icon.toolbar-icon-edit.toolbar-item.is-active {
|
||||
color: #fff;
|
||||
}
|
||||
#toolbar-bar.js-settings-tray-edit-mode button.toolbar-icon.toolbar-icon-edit.toolbar-item.is-active:hover {
|
||||
background-image: linear-gradient(to bottom, #0a6fb4, #0a65aa);
|
||||
}
|
||||
|
|
@ -32,11 +32,11 @@
|
|||
margin-right: 0.3em;
|
||||
}
|
||||
.shortcut-action__message {
|
||||
background: #000000;
|
||||
background: #000;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
border-radius: 5px;
|
||||
padding: 0 5px;
|
||||
color: #ffffff;
|
||||
color: #fff;
|
||||
display: inline-block;
|
||||
margin-left: 0.3em; /* LTR */
|
||||
opacity: 0;
|
||||
|
|
|
|||
|
|
@ -84,7 +84,7 @@ a.simpletest-collapse {
|
|||
a.simpletest-collapse:focus,
|
||||
a.simpletest-collapse:hover {
|
||||
font-size: 80%;
|
||||
top: 0px;
|
||||
top: 0;
|
||||
height: auto;
|
||||
width: auto;
|
||||
overflow: visible;
|
||||
|
|
|
|||
|
|
@ -11,7 +11,7 @@
|
|||
float: right;
|
||||
}
|
||||
.ajax-progress-throbber .throbber {
|
||||
background: transparent url(../../../images/core/throbber-active.gif) no-repeat 0px center;
|
||||
background: transparent url(../../../images/core/throbber-active.gif) no-repeat 0 center;
|
||||
display: inline;
|
||||
padding: 1px 5px 2px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -27,7 +27,7 @@
|
|||
.progress__percentage {
|
||||
color: #555;
|
||||
overflow: hidden;
|
||||
font-size: .875em;
|
||||
font-size: 0.875em;
|
||||
margin-top: 0.2em;
|
||||
}
|
||||
.progress__description {
|
||||
|
|
|
|||
|
|
@ -5,11 +5,11 @@
|
|||
|
||||
.system-status-report-counters__item {
|
||||
width: 100%;
|
||||
padding: .5em 0;
|
||||
padding: 0.5em 0;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
background-color: rgba(0, 0, 0, 0.063);
|
||||
margin-bottom: .5em;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 60em) {
|
||||
|
|
|
|||
|
|
@ -117,8 +117,8 @@ small .admin-link:after {
|
|||
text-transform: none;
|
||||
}
|
||||
.system-modules td details a {
|
||||
color: #5C5C5B;
|
||||
border: 0px;
|
||||
color: #5c5c5b;
|
||||
border: 0;
|
||||
}
|
||||
.system-modules td details {
|
||||
border: 0;
|
||||
|
|
@ -211,7 +211,7 @@ small .admin-link:after {
|
|||
background-color: transparent;
|
||||
}
|
||||
[dir="rtl"] .system-status-report__status-title {
|
||||
padding: 10px 40px 10px 6px;
|
||||
padding: 10px 40px 10px 6px;
|
||||
}
|
||||
.system-status-report__status-icon:before {
|
||||
content: "";
|
||||
|
|
@ -223,7 +223,7 @@ small .admin-link:after {
|
|||
left: 12px; /* LTR */
|
||||
top: 12px;
|
||||
}
|
||||
[dir="rtl"] .system-status-report__status-icon:before {
|
||||
[dir="rtl"] .system-status-report__status-icon:before {
|
||||
left: auto;
|
||||
right: 12px;
|
||||
}
|
||||
|
|
@ -234,7 +234,7 @@ small .admin-link:after {
|
|||
background-image: url(../../images/core/icons/e29700/warning.svg);
|
||||
}
|
||||
.system-status-report__entry__value {
|
||||
padding: 1em .5em;
|
||||
padding: 1em 0.5em;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -394,3 +394,8 @@ small .admin-link:after {
|
|||
.cron-description__run-cron {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.system-cron-settings__link {
|
||||
overflow-wrap: break-word;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -4,7 +4,6 @@
|
|||
table.diff {
|
||||
border-spacing: 4px;
|
||||
margin-bottom: 20px;
|
||||
table-layout: fixed;
|
||||
width: 100%;
|
||||
}
|
||||
table.diff .diff-context {
|
||||
|
|
|
|||
|
|
@ -219,7 +219,6 @@
|
|||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Handle.
|
||||
*/
|
||||
|
|
@ -280,8 +279,7 @@
|
|||
background-image: url(../../images/core/icons/bebebe/push-left.svg); /* LTR */
|
||||
}
|
||||
.toolbar .toolbar-toggle-orientation [value="vertical"]:hover:before,
|
||||
.toolbar .toolbar-toggle-orientation [value="vertical"]:focus:before
|
||||
{
|
||||
.toolbar .toolbar-toggle-orientation [value="vertical"]:focus:before {
|
||||
background-image: url(../../images/core/icons/787878/push-left.svg); /* LTR */
|
||||
}
|
||||
[dir="rtl"] .toolbar .toolbar-toggle-orientation [value="vertical"]:before {
|
||||
|
|
|
|||
|
|
@ -13,11 +13,26 @@
|
|||
position: relative;
|
||||
width: auto;
|
||||
}
|
||||
.toolbar .toolbar-tray-horizontal .toolbar-menu .toolbar-handle,
|
||||
.toolbar .toolbar-tray-horizontal .toolbar-menu ul,
|
||||
|
||||
/**
|
||||
* Hidden vertical toolbar sub-menus by default.
|
||||
*/
|
||||
.toolbar .toolbar-tray-vertical .toolbar-menu ul {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Hidden horizontal toolbar handle icon.
|
||||
*/
|
||||
.toolbar .toolbar-tray-horizontal .toolbar-menu .toolbar-handle {
|
||||
display: none;
|
||||
}
|
||||
/**
|
||||
* Hidden toolbar sub-menus by default.
|
||||
*/
|
||||
.toolbar-tray-open .toolbar-menu .menu-item--expanded ul {
|
||||
display: none;
|
||||
}
|
||||
.toolbar .toolbar-tray-vertical li.open > ul {
|
||||
display: block; /* Show the sub-menus */
|
||||
}
|
||||
|
|
@ -46,38 +61,38 @@
|
|||
*/
|
||||
.toolbar .level-2 > ul {
|
||||
background-color: #fafafa;
|
||||
border-bottom-color: #cccccc;
|
||||
border-bottom-color: #ccc;
|
||||
border-top-color: #e5e5e5;
|
||||
}
|
||||
.toolbar .level-3 > ul {
|
||||
background-color: #f5f5f5;
|
||||
border-bottom-color: #c5c5c5;
|
||||
border-top-color: #dddddd;
|
||||
border-top-color: #ddd;
|
||||
}
|
||||
.toolbar .level-4 > ul {
|
||||
background-color: #eeeeee;
|
||||
border-bottom-color: #bbbbbb;
|
||||
background-color: #eee;
|
||||
border-bottom-color: #bbb;
|
||||
border-top-color: #d5d5d5;
|
||||
}
|
||||
.toolbar .level-5 > ul {
|
||||
background-color: #e5e5e5;
|
||||
border-bottom-color: #b5b5b5;
|
||||
border-top-color: #cccccc;
|
||||
border-top-color: #ccc;
|
||||
}
|
||||
.toolbar .level-6 > ul {
|
||||
background-color: #eeeeee;
|
||||
border-bottom-color: #aaaaaa;
|
||||
background-color: #eee;
|
||||
border-bottom-color: #aaa;
|
||||
border-top-color: #c5c5c5;
|
||||
}
|
||||
.toolbar .level-7 > ul {
|
||||
background-color: #fafafa;
|
||||
border-bottom-color: #b5b5b5;
|
||||
border-top-color: #cccccc;
|
||||
border-top-color: #ccc;
|
||||
}
|
||||
.toolbar .level-8 > ul {
|
||||
background-color: #dddddd;
|
||||
border-bottom-color: #cccccc;
|
||||
border-top-color: #dddddd;
|
||||
background-color: #ddd;
|
||||
border-bottom-color: #ccc;
|
||||
border-top-color: #ddd;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
|
|||
|
|
@ -16,12 +16,15 @@
|
|||
padding: 0;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
@media print {
|
||||
#toolbar-administration {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.toolbar-loading #toolbar-administration {
|
||||
overflow: hidden;
|
||||
}
|
||||
/**
|
||||
* Very specific overrides for Drupal system CSS.
|
||||
*/
|
||||
|
|
@ -56,18 +59,44 @@
|
|||
position: relative;
|
||||
z-index: 1250;
|
||||
}
|
||||
.toolbar-horizontal .toolbar-tray {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
left: 0;
|
||||
}
|
||||
/* Position the admin toolbar absolutely when the configured standard breakpoint
|
||||
* is active. The toolbar container, that contains the bar and the trays, is
|
||||
* position absolutely so that it scrolls with the page. Otherwise, on smaller
|
||||
* screens, the components of the admin toolbar are positioned statically. */
|
||||
body.toolbar-fixed .toolbar-oriented,
|
||||
.toolbar-oriented .toolbar-bar,
|
||||
.toolbar-oriented .toolbar-tray {
|
||||
.toolbar-oriented .toolbar-bar {
|
||||
left: 0;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
.toolbar-oriented .toolbar-tray {
|
||||
left: 0;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
}
|
||||
/* .toolbar-loading is required by Toolbar JavaScript to pre-render markup
|
||||
* style to avoid extra reflow & flicker. */
|
||||
@media (min-width: 61em) {
|
||||
.toolbar-loading.toolbar-horizontal .toolbar .toolbar-bar .toolbar-tab:last-child .toolbar-tray {
|
||||
position: relative;
|
||||
display: block;
|
||||
z-index: -999;
|
||||
visibility: hidden;
|
||||
width: 1px;
|
||||
}
|
||||
.toolbar-loading.toolbar-horizontal .toolbar .toolbar-bar .toolbar-tab:last-child .toolbar-tray .toolbar-lining {
|
||||
width: 999em;
|
||||
}
|
||||
.toolbar-loading.toolbar-horizontal .toolbar .toolbar-bar .home-toolbar-tab + .toolbar-tab .toolbar-tray {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
/* Layer the bar just above the trays and above contextual link triggers. */
|
||||
.toolbar-oriented .toolbar-bar {
|
||||
z-index: 502;
|
||||
|
|
@ -85,13 +114,16 @@ body.toolbar-tray-open.toolbar-fixed.toolbar-vertical .toolbar-oriented {
|
|||
width: 240px;
|
||||
width: 15rem;
|
||||
}
|
||||
|
||||
/* Present the admin toolbar tabs horizontally as a default on user agents that
|
||||
* do not understand media queries or on user agents where JavaScript is
|
||||
* disabled. */
|
||||
.toolbar-loading.toolbar-horizontal .toolbar .toolbar-tray .toolbar-menu > li,
|
||||
.toolbar .toolbar-bar .toolbar-tab,
|
||||
.toolbar .toolbar-tray-horizontal li {
|
||||
float: left; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .toolbar-loading.toolbar-horizontal .toolbar .toolbar-tray .toolbar-menu > li,
|
||||
[dir="rtl"] .toolbar .toolbar-bar .toolbar-tab,
|
||||
[dir="rtl"] .toolbar .toolbar-tray-horizontal li {
|
||||
float: right;
|
||||
|
|
@ -111,7 +143,7 @@ body.toolbar-tray-open.toolbar-fixed.toolbar-vertical .toolbar-oriented {
|
|||
/* This min-width media query is meant to provide basic horizontal layout to
|
||||
* the main menu tabs when JavaScript is disabled on user agents that understand
|
||||
* media queries. */
|
||||
@media (min-width:16.5em) {
|
||||
@media (min-width: 16.5em) {
|
||||
.toolbar .toolbar-bar .toolbar-tab,
|
||||
.toolbar .toolbar-tray-horizontal li {
|
||||
float: left; /* LTR */
|
||||
|
|
@ -171,7 +203,7 @@ body.toolbar-tray-open.toolbar-fixed.toolbar-vertical .toolbar-oriented {
|
|||
right: 0;
|
||||
}
|
||||
/* Layer the links just above the toolbar-tray. */
|
||||
.toolbar .toolbar-bar .toolbar-tab > .toolbar-icon{
|
||||
.toolbar .toolbar-bar .toolbar-tab > .toolbar-icon {
|
||||
position: relative;
|
||||
z-index: 502;
|
||||
}
|
||||
|
|
@ -179,15 +211,10 @@ body.toolbar-tray-open.toolbar-fixed.toolbar-vertical .toolbar-oriented {
|
|||
.toolbar-oriented .toolbar-tray-horizontal .menu-item ul {
|
||||
display: none;
|
||||
}
|
||||
/* When the configured standard breakpoint is active and the tray is in a
|
||||
* horizontal position, the tray is fixed to the top of the viewport and does
|
||||
* not scroll with the page contents. */
|
||||
body.toolbar-fixed .toolbar .toolbar-tray-horizontal {
|
||||
position: fixed;
|
||||
}
|
||||
/* When the configured standard breakpoint is active and the tray is in a
|
||||
* vertical position, the tray does not scroll with the page. The contents of
|
||||
* the tray scroll within the confines of the viewport. */
|
||||
* the tray scroll within the confines of the viewport.
|
||||
*/
|
||||
.toolbar .toolbar-tray-vertical.is-active,
|
||||
body.toolbar-fixed .toolbar .toolbar-tray-vertical {
|
||||
height: 100%;
|
||||
|
|
@ -212,17 +239,18 @@ body.toolbar-tray-open.toolbar-vertical.toolbar-fixed {
|
|||
margin-left: 240px; /* LTR */
|
||||
margin-left: 15rem; /* LTR */
|
||||
}
|
||||
|
||||
@media print {
|
||||
body.toolbar-tray-open.toolbar-vertical.toolbar-fixed {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
[dir="rtl"] body.toolbar-tray-open.toolbar-vertical.toolbar-fixed {
|
||||
margin-left: auto;
|
||||
margin-left: auto;
|
||||
margin-right: 240px;
|
||||
margin-right: 15rem;
|
||||
}
|
||||
|
||||
@media print {
|
||||
[dir="rtl"] body.toolbar-tray-open.toolbar-vertical.toolbar-fixed {
|
||||
margin-right: 0;
|
||||
|
|
@ -258,3 +286,13 @@ body.toolbar-tray-open.toolbar-vertical.toolbar-fixed {
|
|||
[dir="rtl"] .toolbar-oriented .toolbar-tray-vertical .toolbar-toggle-orientation {
|
||||
float: left;
|
||||
}
|
||||
|
||||
/**
|
||||
* Toolbar home button toggle.
|
||||
*/
|
||||
.toolbar .toolbar-bar .home-toolbar-tab {
|
||||
display: none;
|
||||
}
|
||||
.path-admin .toolbar-bar .home-toolbar-tab {
|
||||
display: block;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -5,10 +5,10 @@
|
|||
font-family: "Source Sans Pro", "Lucida Grande", Verdana, sans-serif;
|
||||
/* Set base font size to 13px based on root ems. */
|
||||
font-size: 0.8125rem;
|
||||
-moz-tap-highlight-color: rgba(0,0,0,0);
|
||||
-o-tap-highlight-color: rgba(0,0,0,0);
|
||||
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
||||
tap-highlight-color: rgba(0,0,0,0);
|
||||
-moz-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
-o-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
-moz-touch-callout: none;
|
||||
-o-touch-callout: none;
|
||||
-webkit-touch-callout: none;
|
||||
|
|
@ -20,7 +20,8 @@
|
|||
line-height: 1em;
|
||||
text-decoration: none;
|
||||
}
|
||||
.toolbar .toolbar-item:hover, .toolbar .toolbar-item:focus {
|
||||
.toolbar .toolbar-item:hover,
|
||||
.toolbar .toolbar-item:focus {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
|
|
@ -30,13 +31,13 @@
|
|||
.toolbar .toolbar-bar {
|
||||
background-color: #0f0f0f;
|
||||
box-shadow: -1px 0 3px 1px rgba(0, 0, 0, 0.3333); /* LTR */
|
||||
color: #dddddd;
|
||||
color: #ddd;
|
||||
}
|
||||
[dir="rtl"] .toolbar .toolbar-bar {
|
||||
box-shadow: 1px 0 3px 1px rgba(0, 0, 0, 0.3333);
|
||||
}
|
||||
.toolbar .toolbar-bar .toolbar-item {
|
||||
color: #ffffff;
|
||||
color: #fff;
|
||||
}
|
||||
.toolbar .toolbar-bar .toolbar-tab > .toolbar-item {
|
||||
font-weight: bold;
|
||||
|
|
@ -55,30 +56,30 @@
|
|||
* Toolbar tray.
|
||||
*/
|
||||
.toolbar .toolbar-tray {
|
||||
background-color: #ffffff;
|
||||
background-color: #fff;
|
||||
}
|
||||
.toolbar .toolbar-tray-horizontal > .toolbar-lining {
|
||||
.toolbar-horizontal .toolbar-tray > .toolbar-lining {
|
||||
padding-right: 5em; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .toolbar .toolbar-tray-horizontal > .toolbar-lining {
|
||||
[dir="rtl"] .toolbar-horizontal .toolbar-tray > .toolbar-lining {
|
||||
padding-right: 0;
|
||||
padding-left: 5em;
|
||||
}
|
||||
.toolbar .toolbar-tray-vertical {
|
||||
background-color: #f5f5f5;
|
||||
border-right: 1px solid #aaaaaa; /* LTR */
|
||||
border-right: 1px solid #aaa; /* LTR */
|
||||
box-shadow: -1px 0 5px 2px rgba(0, 0, 0, 0.3333); /* LTR */
|
||||
}
|
||||
[dir="rtl"] .toolbar .toolbar-tray-vertical {
|
||||
border-left: 1px solid #aaaaaa;
|
||||
border-left: 1px solid #aaa;
|
||||
border-right: 0 none;
|
||||
box-shadow: 1px 0 5px 2px rgba(0, 0, 0, 0.3333);
|
||||
}
|
||||
.toolbar .toolbar-tray-horizontal {
|
||||
border-bottom: 1px solid #aaaaaa;
|
||||
.toolbar-horizontal .toolbar-tray {
|
||||
border-bottom: 1px solid #aaa;
|
||||
box-shadow: -2px 1px 3px 1px rgba(0, 0, 0, 0.3333); /* LTR */
|
||||
}
|
||||
[dir="rtl"] .toolbar .toolbar-tray-horizontal {
|
||||
[dir="rtl"] .toolbar-horizontal .toolbar-tray {
|
||||
box-shadow: 2px 1px 3px 1px rgba(0, 0, 0, 0.3333);
|
||||
}
|
||||
.toolbar .toolbar-tray-horizontal .toolbar-tray {
|
||||
|
|
@ -93,39 +94,38 @@
|
|||
.toolbar-tray a:hover,
|
||||
.toolbar-tray a:active,
|
||||
.toolbar-tray a:focus,
|
||||
.toolbar-tray a.is-active
|
||||
{
|
||||
.toolbar-tray a.is-active {
|
||||
color: #000;
|
||||
text-decoration: underline;
|
||||
}
|
||||
.toolbar .toolbar-menu {
|
||||
background-color: #ffffff;
|
||||
background-color: #fff;
|
||||
}
|
||||
.toolbar .toolbar-tray-horizontal .menu-item + .menu-item {
|
||||
border-left: 1px solid #dddddd; /* LTR */
|
||||
.toolbar-horizontal .toolbar-tray .menu-item + .menu-item {
|
||||
border-left: 1px solid #ddd; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .toolbar .toolbar-tray-horizontal .menu-item + .menu-item {
|
||||
border-left: 0 none ;
|
||||
border-right: 1px solid #dddddd;
|
||||
[dir="rtl"] .toolbar-horizontal .toolbar-tray .menu-item + .menu-item {
|
||||
border-left: 0 none;
|
||||
border-right: 1px solid #ddd;
|
||||
}
|
||||
.toolbar .toolbar-tray-horizontal .menu-item:last-child {
|
||||
border-right: 1px solid #dddddd; /* LTR */
|
||||
.toolbar-horizontal .toolbar-tray .menu-item:last-child {
|
||||
border-right: 1px solid #ddd; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .toolbar .toolbar-tray-horizontal .menu-item:last-child {
|
||||
border-left: 1px solid #dddddd;
|
||||
[dir="rtl"] .toolbar-horizontal .toolbar-tray .menu-item:last-child {
|
||||
border-left: 1px solid #ddd;
|
||||
}
|
||||
.toolbar .toolbar-tray-vertical .menu-item + .menu-item {
|
||||
border-top: 1px solid #dddddd;
|
||||
border-top: 1px solid #ddd;
|
||||
}
|
||||
.toolbar .toolbar-tray-vertical .menu-item:last-child {
|
||||
border-bottom: 1px solid #dddddd;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
.toolbar .toolbar-tray-vertical .menu-item .menu-item {
|
||||
border: 0 none;
|
||||
}
|
||||
.toolbar .toolbar-tray-vertical .toolbar-menu ul ul {
|
||||
border-bottom: 1px solid #dddddd;
|
||||
border-top: 1px solid #dddddd;
|
||||
border-bottom: 1px solid #ddd;
|
||||
border-top: 1px solid #ddd;
|
||||
}
|
||||
.toolbar .toolbar-tray-vertical .menu-item:last-child > ul {
|
||||
border-bottom: 0;
|
||||
|
|
@ -149,10 +149,10 @@
|
|||
padding: 0;
|
||||
height: 100%;
|
||||
}
|
||||
.toolbar .toolbar-tray-horizontal .toolbar-toggle-orientation {
|
||||
.toolbar-horizontal .toolbar-tray .toolbar-toggle-orientation {
|
||||
border-left: 1px solid #c9c9c9; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .toolbar .toolbar-tray-horizontal .toolbar-toggle-orientation {
|
||||
[dir="rtl"] .toolbar-horizontal .toolbar-tray .toolbar-toggle-orientation {
|
||||
border-left: 0 none;
|
||||
border-right: 1px solid #c9c9c9;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -32,6 +32,7 @@
|
|||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 767px) {
|
||||
.joyride-tip-guide {
|
||||
width: 85%;
|
||||
|
|
|
|||
|
|
@ -18,5 +18,5 @@
|
|||
/* Account settings */
|
||||
.user-admin-settings .details-description {
|
||||
font-size: 0.85em;
|
||||
padding-bottom: .5em;
|
||||
padding-bottom: 0.5em;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -118,7 +118,7 @@
|
|||
opacity: 0.5;
|
||||
}
|
||||
.views-display-tab .details-wrapper > .views-ui-display-tab-bucket .actions {
|
||||
opacity: 1.0;
|
||||
opacity: 1;
|
||||
}
|
||||
.views-displays .tabs .add {
|
||||
position: relative;
|
||||
|
|
@ -147,7 +147,7 @@
|
|||
margin-bottom: 2em;
|
||||
}
|
||||
|
||||
@media screen and (min-width:45em) { /* 720px */
|
||||
@media screen and (min-width: 45em) { /* 720px */
|
||||
.views-display-columns > * {
|
||||
float: left; /* LTR */
|
||||
margin-left: 2%; /* LTR */
|
||||
|
|
|
|||
|
|
@ -37,11 +37,11 @@
|
|||
background: linear-gradient(-90deg, #fff 0, #e8e8e8 100%) no-repeat, repeat-y;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 4px;
|
||||
box-shadow: 0 0 0 rgba(0,0,0,0.3333) inset;
|
||||
box-shadow: 0 0 0 rgba(0, 0, 0, 0.3333) inset;
|
||||
}
|
||||
.views-admin a.icon:hover {
|
||||
border-color: #d0d0d0;
|
||||
box-shadow: 0 0 1px rgba(0,0,0,0.3333) inset;
|
||||
box-shadow: 0 0 1px rgba(0, 0, 0, 0.3333) inset;
|
||||
}
|
||||
.views-admin a.icon:active {
|
||||
border-color: #c0c0c0;
|
||||
|
|
@ -158,7 +158,7 @@ details.box-padding {
|
|||
|
||||
/* Hide 'remove' checkboxes. */
|
||||
.views-remove-checkbox {
|
||||
display: none;
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* sizes the labels of checkboxes and radio button to the height of the text */
|
||||
|
|
@ -345,7 +345,7 @@ td.group-title {
|
|||
padding: 0;
|
||||
width: auto;
|
||||
}
|
||||
.views-displays .tabs li.add ul.action-list li{
|
||||
.views-displays .tabs li.add ul.action-list li {
|
||||
margin: 0;
|
||||
}
|
||||
.views-displays .tabs.secondary li {
|
||||
|
|
@ -402,7 +402,7 @@ td.group-title {
|
|||
color: #0074bd;
|
||||
background-color: #f1f1f1;
|
||||
}
|
||||
.views-displays .tabs .action-list li {
|
||||
.views-displays .tabs .action-list li {
|
||||
background-color: #f1f1f1;
|
||||
border-color: #cbcbcb;
|
||||
border-style: solid;
|
||||
|
|
@ -412,10 +412,10 @@ td.group-title {
|
|||
.views-displays .tabs .action-list li:first-child {
|
||||
border-width: 1px 1px 0;
|
||||
}
|
||||
.views-displays .action-list li:last-child {
|
||||
.views-displays .action-list li:last-child {
|
||||
border-width: 0 1px 1px;
|
||||
}
|
||||
.views-displays .tabs .action-list li:last-child {
|
||||
.views-displays .tabs .action-list li:last-child {
|
||||
border-width: 0 1px 1px;
|
||||
}
|
||||
.views-displays .tabs .action-list input.form-submit {
|
||||
|
|
@ -431,7 +431,7 @@ td.group-title {
|
|||
background-color: #ddd;
|
||||
}
|
||||
.edit-display-settings {
|
||||
margin: 12px 12px 0 12px
|
||||
margin: 12px 12px 0 12px;
|
||||
}
|
||||
.edit-display-settings-top.views-ui-display-tab-bucket {
|
||||
border: 1px solid #f3f3f3;
|
||||
|
|
@ -483,7 +483,8 @@ td.group-title {
|
|||
.view-preview-form .form-actions {
|
||||
vertical-align: top;
|
||||
}
|
||||
@media screen and (min-width:45em) { /* 720px */
|
||||
|
||||
@media screen and (min-width: 45em) { /* 720px */
|
||||
.view-preview-form .form-type-textfield .description {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
|
@ -574,7 +575,7 @@ td.group-title {
|
|||
border-top: none;
|
||||
}
|
||||
.views-filterable-options {
|
||||
border-top: 1px solid #ccc;
|
||||
border-top: 1px solid #ccc;
|
||||
}
|
||||
.filterable-option .form-item {
|
||||
margin-bottom: 0;
|
||||
|
|
@ -623,10 +624,10 @@ td.group-title {
|
|||
border: none;
|
||||
}
|
||||
.views-ui-dialog .views-offset-top {
|
||||
border-bottom: 1px solid #CCC;
|
||||
border-bottom: 1px solid #ccc;
|
||||
}
|
||||
.views-ui-dialog .views-offset-bottom {
|
||||
border-top: 1px solid #CCC;
|
||||
border-top: 1px solid #ccc;
|
||||
}
|
||||
.views-ui-dialog .views-override > * {
|
||||
margin: 0;
|
||||
|
|
|
|||
|
|
@ -45,6 +45,13 @@ libraries-override:
|
|||
theme:
|
||||
css/content_translation.admin.css: css/content_translation/content_translation.admin.css
|
||||
|
||||
content_moderation/content_moderation:
|
||||
css:
|
||||
component:
|
||||
css/content_moderation.module.css: css/content_moderation/content_moderation.module.css
|
||||
theme:
|
||||
css/content_moderation.theme.css: css/content_moderation/content_moderation.theme.css
|
||||
|
||||
contextual/drupal.contextual-links:
|
||||
css:
|
||||
component:
|
||||
|
|
@ -57,6 +64,23 @@ libraries-override:
|
|||
component:
|
||||
css/contextual.toolbar.css: css/contextual/contextual.toolbar.css
|
||||
|
||||
core/drupal.dialog.off_canvas:
|
||||
css:
|
||||
base:
|
||||
misc/dialog/off-canvas.reset.css: css/core/dialog/off-canvas.reset.css
|
||||
misc/dialog/off-canvas.base.css: css/core/dialog/off-canvas.base.css
|
||||
misc/dialog/off-canvas.css: css/core/dialog/off-canvas.css
|
||||
misc/dialog/off-canvas.theme.css: css/core/dialog/off-canvas.theme.css
|
||||
component:
|
||||
misc/dialog/off-canvas.motion.css: css/core/dialog/off-canvas.motion.css
|
||||
misc/dialog/off-canvas.button.css: css/core/dialog/off-canvas.button.css
|
||||
misc/dialog/off-canvas.form.css: css/core/dialog/off-canvas.form.css
|
||||
misc/dialog/off-canvas.table.css: css/core/dialog/off-canvas.table.css
|
||||
misc/dialog/off-canvas.details.css: css/core/dialog/off-canvas.details.css
|
||||
misc/dialog/off-canvas.tabledrag.css: css/core/dialog/off-canvas.tabledrag.css
|
||||
misc/dialog/off-canvas.dropbutton.css: css/core/dialog/off-canvas.dropbutton.css
|
||||
misc/dialog/off-canvas.layout.css: css/core/dialog/off-canvas.layout.css
|
||||
|
||||
core/drupal.dropbutton:
|
||||
css:
|
||||
component:
|
||||
|
|
@ -120,6 +144,11 @@ libraries-override:
|
|||
theme:
|
||||
css/menu_ui.admin.css: css/menu_ui/menu_ui.admin.css
|
||||
|
||||
migrate_drupal_ui/base:
|
||||
css:
|
||||
component:
|
||||
css/components/upgrade-analysis-report-tables.css: css/migrate_drupal_ui/components/upgrade-analysis-report-tables.css
|
||||
|
||||
node/drupal.node:
|
||||
css:
|
||||
layout:
|
||||
|
|
@ -145,6 +174,15 @@ libraries-override:
|
|||
css/quickedit.theme.css: css/quickedit/quickedit.theme.css
|
||||
css/quickedit.icons.theme.css: css/quickedit/quickedit.icons.theme.css
|
||||
|
||||
settings_tray/drupal.settings_tray:
|
||||
css:
|
||||
component:
|
||||
css/settings_tray.module.css: css/settings_tray/settings_tray.module.css
|
||||
css/settings_tray.motion.css: css/settings_tray/settings_tray.motion.css
|
||||
css/settings_tray.toolbar.css: css/settings_tray/settings_tray.toolbar.css
|
||||
theme:
|
||||
css/settings_tray.theme.css: css/settings_tray/settings_tray.theme.css
|
||||
|
||||
shortcut/drupal.shortcut:
|
||||
css:
|
||||
theme:
|
||||
|
|
|
|||
|
|
@ -10,9 +10,15 @@
|
|||
* - content: (optional) The content of the block.
|
||||
* - description: (optional) A description of the block.
|
||||
* (Description should only be output if content is not available).
|
||||
* - attributes: HTML attributes for the containing div element.
|
||||
*/
|
||||
#}
|
||||
<div class="panel">
|
||||
{%
|
||||
set classes = [
|
||||
'panel',
|
||||
]
|
||||
%}
|
||||
<div{{ attributes.addClass(classes) }}>
|
||||
{% if block.title %}
|
||||
<h3 class="panel__title">{{ block.title }}</h3>
|
||||
{% endif %}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,30 @@
|
|||
{#
|
||||
/**
|
||||
* @file
|
||||
* Theme override for a summary of an image scale and crop effect.
|
||||
*
|
||||
* Available variables:
|
||||
* - data: The current configuration for this resize effect, including:
|
||||
* - width: The width of the resized image.
|
||||
* - height: The height of the resized image.
|
||||
* - anchor: The part of the image that will be retained after cropping.
|
||||
* - anchor_label: The translated label of the crop anchor.
|
||||
* - effect: The effect information, including:
|
||||
* - id: The effect identifier.
|
||||
* - label: The effect name.
|
||||
* - description: The effect description.
|
||||
*/
|
||||
#}
|
||||
{% if data.width and data.height -%}
|
||||
{{ data.width }}×{{ data.height }}
|
||||
{%- else -%}
|
||||
{% if data.width %}
|
||||
{% trans %}
|
||||
width {{ data.width }}
|
||||
{% endtrans %}
|
||||
{% elseif data.height %}
|
||||
{% trans %}
|
||||
height {{ data.height }}
|
||||
{% endtrans %}
|
||||
{% endif %}
|
||||
{%- endif %}
|
||||
|
|
@ -23,7 +23,7 @@
|
|||
<div>
|
||||
<h3 id="{{ group.type }}">{{ group.title }}</h3>
|
||||
{% for requirement in group.items %}
|
||||
<details class="system-status-report__entry">
|
||||
<details class="system-status-report__entry" open>
|
||||
{%
|
||||
set summary_classes = [
|
||||
'system-status-report__status-title',
|
||||
|
|
|
|||
|
|
@ -0,0 +1,7 @@
|
|||
<ul class="entity-moderation-form">
|
||||
<li class="entity-moderation-form__item">{{ form.current }}</li>
|
||||
<li class="entity-moderation-form__item">{{ form.new_state }}</li>
|
||||
<li class="entity-moderation-form__item">{{ form.revision_log }}</li>
|
||||
<li class="entity-moderation-form__item">{{ form.submit }}</li>
|
||||
</ul>
|
||||
{{ form|without('current', 'new_state', 'revision_log', 'submit') }}
|
||||
|
|
@ -45,7 +45,7 @@
|
|||
*
|
||||
* These variables are provided to give context about the parent comment (if
|
||||
* any):
|
||||
* - comment_parent: Full parent comment entity (if any).
|
||||
* - parent_comment: 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.
|
||||
|
|
|
|||
|
|
@ -0,0 +1,14 @@
|
|||
{#
|
||||
/**
|
||||
* @file
|
||||
* Default theme implementation to display an oEmbed resource in an iframe.
|
||||
*
|
||||
* @ingroup themeable
|
||||
*/
|
||||
#}
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<body style="margin: 0">
|
||||
{{ media|raw }}
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,66 @@
|
|||
{#
|
||||
/**
|
||||
* @file
|
||||
* Theme override for media reference fields.
|
||||
*
|
||||
* @see template_preprocess_field_multiple_value_form()
|
||||
* @see core/themes/classy/templates/form/fieldset.html.twig
|
||||
*/
|
||||
#}
|
||||
{%
|
||||
set classes = [
|
||||
'js-form-item',
|
||||
'form-item',
|
||||
'js-form-wrapper',
|
||||
'form-wrapper',
|
||||
]
|
||||
%}
|
||||
<fieldset{{ attributes.addClass(classes) }}>
|
||||
{%
|
||||
set legend_span_classes = [
|
||||
'fieldset-legend',
|
||||
required ? 'js-form-required',
|
||||
required ? 'form-required',
|
||||
]
|
||||
%}
|
||||
{# Always wrap fieldset legends in a <span> for CSS positioning. #}
|
||||
<legend{{ legend_attributes }}>
|
||||
<span{{ legend_span_attributes.addClass(legend_span_classes) }}>{{ original_label }}</span>
|
||||
</legend>
|
||||
|
||||
<div class="js-form-item form-item">
|
||||
{% if media_add_help %}
|
||||
<h4{{ header_attributes.addClass('label') }}>
|
||||
{% trans %}
|
||||
Create new media
|
||||
{% endtrans %}
|
||||
</h4><br />
|
||||
<div class="description">
|
||||
{{ media_add_help }}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if multiple %}
|
||||
{{ table }}
|
||||
{% else %}
|
||||
{% for element in elements %}
|
||||
{{ element }}
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
|
||||
<div{{ description.attributes.addClass('description') }}>
|
||||
{% if multiple and description.content %}
|
||||
<ul>
|
||||
<li>{{ media_list_help }} {{ media_list_link }} {{ allowed_types_help }}</li>
|
||||
<li>{{ description.content }}</li>
|
||||
</ul>
|
||||
{% else %}
|
||||
{{ media_list_help }} {{ media_list_link }} {{ allowed_types_help }}
|
||||
{% endif %}
|
||||
{% if multiple and button %}
|
||||
<div class="clearfix">{{ button }}</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</fieldset>
|
||||
20
web/core/themes/stable/templates/content/media.html.twig
Normal file
20
web/core/themes/stable/templates/content/media.html.twig
Normal file
|
|
@ -0,0 +1,20 @@
|
|||
{#
|
||||
/**
|
||||
* @file
|
||||
* Theme override to display a media item.
|
||||
*
|
||||
* Available variables:
|
||||
* - name: Name of the media.
|
||||
* - content: Media content.
|
||||
*
|
||||
* @see template_preprocess_media()
|
||||
*
|
||||
* @ingroup themeable
|
||||
*/
|
||||
#}
|
||||
<article{{ attributes }}>
|
||||
{{ title_suffix.contextual_links }}
|
||||
{% if content %}
|
||||
{{ content }}
|
||||
{% endif %}
|
||||
</article>
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
{#
|
||||
/**
|
||||
* @file
|
||||
* Theme override for page wrapper.
|
||||
*
|
||||
* For consistent wrapping to {{ page }} render in all themes. The
|
||||
* "data-off-canvas-main-canvas" attribute is required by the off-canvas dialog.
|
||||
* This is used by the core/drupal.dialog.off_canvas library to select the
|
||||
* "main canvas" page element as opposed to the "off canvas" which is the dialog
|
||||
* itself. The "main canvas" element must be resized according to the width of
|
||||
* the "off canvas" dialog so that no portion of the "main canvas" is obstructed
|
||||
* by the off-canvas dialog. The off-canvas dialog can vary in width when opened
|
||||
* and can be resized by the user. The "data-off-canvas-main-canvas" attribute
|
||||
* cannot be removed without breaking the off-canvas dialog functionality.
|
||||
*
|
||||
* Available variables:
|
||||
* - children: Contains the child elements of the page.
|
||||
*/
|
||||
#}
|
||||
{% if children %}
|
||||
<div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas>
|
||||
{{ children }}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
|
@ -36,6 +36,11 @@
|
|||
* @see template_preprocess_field()
|
||||
*/
|
||||
#}
|
||||
{%
|
||||
set title_classes = [
|
||||
label_display == 'visually_hidden' ? 'visually-hidden',
|
||||
]
|
||||
%}
|
||||
|
||||
{% if label_hidden %}
|
||||
{% if multiple %}
|
||||
|
|
@ -51,7 +56,7 @@
|
|||
{% endif %}
|
||||
{% else %}
|
||||
<div{{ attributes }}>
|
||||
<div{{ title_attributes }}>{{ label }}</div>
|
||||
<div{{ title_attributes.addClass(title_classes) }}>{{ label }}</div>
|
||||
{% if multiple %}
|
||||
<div>
|
||||
{% endif %}
|
||||
|
|
|
|||
22
web/core/themes/stable/templates/field/file-audio.html.twig
Normal file
22
web/core/themes/stable/templates/field/file-audio.html.twig
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
{#
|
||||
/**
|
||||
* @file
|
||||
* Default theme implementation to display the file entity as an audio tag.
|
||||
*
|
||||
* Available variables:
|
||||
* - attributes: An array of HTML attributes, intended to be added to the
|
||||
* audio tag.
|
||||
* - files: And array of files to be added as sources for the audio tag. Each
|
||||
* element is an array with the following elements:
|
||||
* - file: The full file object.
|
||||
* - source_attributes: An array of HTML attributes for to be added to the
|
||||
* source tag.
|
||||
*
|
||||
* @ingroup themeable
|
||||
*/
|
||||
#}
|
||||
<audio {{ attributes }}>
|
||||
{% for file in files %}
|
||||
<source {{ file.source_attributes }} />
|
||||
{% endfor %}
|
||||
</audio>
|
||||
22
web/core/themes/stable/templates/field/file-video.html.twig
Normal file
22
web/core/themes/stable/templates/field/file-video.html.twig
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
{#
|
||||
/**
|
||||
* @file
|
||||
* Default theme implementation to display the file entity as a video tag.
|
||||
*
|
||||
* Available variables:
|
||||
* - attributes: An array of HTML attributes, intended to be added to the
|
||||
* video tag.
|
||||
* - files: And array of files to be added as sources for the video tag. Each
|
||||
* element is an array with the following elements:
|
||||
* - file: The full file object.
|
||||
* - source_attributes: An array of HTML attributes for to be added to the
|
||||
* source tag.
|
||||
*
|
||||
* @ingroup themeable
|
||||
*/
|
||||
#}
|
||||
<video {{ attributes }}>
|
||||
{% for file in files %}
|
||||
<source {{ file.source_attributes }} />
|
||||
{% endfor %}
|
||||
</video>
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
{#
|
||||
/**
|
||||
* @file
|
||||
* Default theme implementation to display a one-column layout.
|
||||
*
|
||||
* Available variables:
|
||||
* - content: The content for this layout.
|
||||
* - attributes: HTML attributes for the layout <div>.
|
||||
*
|
||||
* @ingroup themeable
|
||||
*/
|
||||
#}
|
||||
{%
|
||||
set classes = [
|
||||
'layout',
|
||||
'layout--onecol',
|
||||
]
|
||||
%}
|
||||
{% if content %}
|
||||
<div{{ attributes.addClass(classes) }}>
|
||||
<div {{ region_attributes.content.addClass('layout__region', 'layout__region--content') }}>
|
||||
{{ content.content }}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
|
@ -0,0 +1,54 @@
|
|||
{#
|
||||
/**
|
||||
* @file
|
||||
* Default theme implementation for a three column layout.
|
||||
*
|
||||
* This template provides a three column 25%-50%-25% display layout, with
|
||||
* additional areas for the top and the bottom.
|
||||
*
|
||||
* Available variables:
|
||||
* - content: The content for this layout.
|
||||
* - attributes: HTML attributes for the layout <div>.
|
||||
*
|
||||
* @ingroup themeable
|
||||
*/
|
||||
#}
|
||||
{%
|
||||
set classes = [
|
||||
'layout',
|
||||
'layout--threecol-25-50-25',
|
||||
]
|
||||
%}
|
||||
{% if content %}
|
||||
<div{{ attributes.addClass(classes) }}>
|
||||
{% if content.top %}
|
||||
<div {{ region_attributes.top.addClass('layout__region', 'layout__region--top') }}>
|
||||
{{ content.top }}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if content.first %}
|
||||
<div {{ region_attributes.first.addClass('layout__region', 'layout__region--first') }}>
|
||||
{{ content.first }}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if content.second %}
|
||||
<div {{ region_attributes.second.addClass('layout__region', 'layout__region--second') }}>
|
||||
{{ content.second }}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if content.third %}
|
||||
<div {{ region_attributes.third.addClass('layout__region', 'layout__region--third') }}>
|
||||
{{ content.third }}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if content.bottom %}
|
||||
<div {{ region_attributes.bottom.addClass('layout__region', 'layout__region--bottom') }}>
|
||||
{{ content.bottom }}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
|
@ -0,0 +1,54 @@
|
|||
{#
|
||||
/**
|
||||
* @file
|
||||
* Default theme implementation for a three column layout.
|
||||
*
|
||||
* This template provides a three column 33%-34%-33% display layout, with
|
||||
* additional areas for the top and the bottom.
|
||||
*
|
||||
* Available variables:
|
||||
* - content: The content for this layout.
|
||||
* - attributes: HTML attributes for the layout <div>.
|
||||
*
|
||||
* @ingroup themeable
|
||||
*/
|
||||
#}
|
||||
{%
|
||||
set classes = [
|
||||
'layout',
|
||||
'layout--threecol-33-34-33',
|
||||
]
|
||||
%}
|
||||
{% if content %}
|
||||
<div{{ attributes.addClass(classes) }}>
|
||||
{% if content.top %}
|
||||
<div {{ region_attributes.top.addClass('layout__region', 'layout__region--top') }}>
|
||||
{{ content.top }}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if content.first %}
|
||||
<div {{ region_attributes.first.addClass('layout__region', 'layout__region--first') }}>
|
||||
{{ content.first }}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if content.second %}
|
||||
<div {{ region_attributes.second.addClass('layout__region', 'layout__region--second') }}>
|
||||
{{ content.second }}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if content.third %}
|
||||
<div {{ region_attributes.third.addClass('layout__region', 'layout__region--third') }}>
|
||||
{{ content.third }}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if content.bottom %}
|
||||
<div {{ region_attributes.bottom.addClass('layout__region', 'layout__region--bottom') }}>
|
||||
{{ content.bottom }}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
|
@ -0,0 +1,66 @@
|
|||
{#
|
||||
/**
|
||||
* @file
|
||||
* Default theme implementation for a two column layout.
|
||||
*
|
||||
* This template provides a two column display layout with full width areas at
|
||||
* the top, bottom and in the middle.
|
||||
*
|
||||
* Available variables:
|
||||
* - content: The content for this layout.
|
||||
* - attributes: HTML attributes for the layout <div>.
|
||||
*
|
||||
* @ingroup themeable
|
||||
*/
|
||||
#}
|
||||
{%
|
||||
set classes = [
|
||||
'layout',
|
||||
'layout--twocol-bricks',
|
||||
]
|
||||
%}
|
||||
{% if content %}
|
||||
<div{{ attributes.addClass(classes) }}>
|
||||
{% if content.top %}
|
||||
<div {{ region_attributes.top.addClass('layout__region', 'layout__region--top') }}>
|
||||
{{ content.top }}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if content.first_above %}
|
||||
<div {{ region_attributes.first_above.addClass('layout__region', 'layout__region--first-above') }}>
|
||||
{{ content.first_above }}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if content.second_above %}
|
||||
<div {{ region_attributes.second_above.addClass('layout__region', 'layout__region--second-above') }}>
|
||||
{{ content.second_above }}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if content.middle %}
|
||||
<div {{ region_attributes.middle.addClass('layout__region', 'layout__region--middle') }}>
|
||||
{{ content.middle }}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if content.first_below %}
|
||||
<div {{ region_attributes.first_below.addClass('layout__region', 'layout__region--first-below') }}>
|
||||
{{ content.first_below }}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if content.second_below %}
|
||||
<div {{ region_attributes.second_below.addClass('layout__region', 'layout__region--second-below') }}>
|
||||
{{ content.second_below }}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if content.bottom %}
|
||||
<div {{ region_attributes.bottom.addClass('layout__region', 'layout__region--bottom') }}>
|
||||
{{ content.bottom }}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
|
@ -0,0 +1,45 @@
|
|||
{#
|
||||
/**
|
||||
* @file
|
||||
* Default theme implementation to display a two-column layout.
|
||||
*
|
||||
* Available variables:
|
||||
* - content: The content for this layout.
|
||||
* - attributes: HTML attributes for the layout <div>.
|
||||
*
|
||||
* @ingroup themeable
|
||||
*/
|
||||
#}
|
||||
{%
|
||||
set classes = [
|
||||
'layout',
|
||||
'layout--twocol',
|
||||
]
|
||||
%}
|
||||
{% if content %}
|
||||
<div{{ attributes.addClass(classes) }}>
|
||||
{% if content.top %}
|
||||
<div {{ region_attributes.top.addClass('layout__region', 'layout__region--top') }}>
|
||||
{{ content.top }}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if content.first %}
|
||||
<div {{ region_attributes.first.addClass('layout__region', 'layout__region--first') }}>
|
||||
{{ content.first }}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if content.second %}
|
||||
<div {{ region_attributes.second.addClass('layout__region', 'layout__region--second') }}>
|
||||
{{ content.second }}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if content.bottom %}
|
||||
<div {{ region_attributes.bottom.addClass('layout__region', 'layout__region--bottom') }}>
|
||||
{{ content.bottom }}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endif %}
|
||||
23
web/core/themes/stable/templates/layout/layout.html.twig
Normal file
23
web/core/themes/stable/templates/layout/layout.html.twig
Normal file
|
|
@ -0,0 +1,23 @@
|
|||
{#
|
||||
/**
|
||||
* @file
|
||||
* Template for a generic layout.
|
||||
*/
|
||||
#}
|
||||
{%
|
||||
set classes = [
|
||||
'layout',
|
||||
'layout--' ~ layout.id|clean_class,
|
||||
]
|
||||
%}
|
||||
{% if content %}
|
||||
<div{{ attributes.addClass(classes) }}>
|
||||
{% for region in layout.getRegionNames %}
|
||||
{% if content[region] %}
|
||||
<div {{ region_attributes[region].addClass('layout__region', 'layout__region--' ~ region|clean_class) }}>
|
||||
{{ content[region] }}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
|
@ -15,8 +15,6 @@
|
|||
* 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.
|
||||
* - attributes: HTML attributes for the element, including:
|
||||
* - class: HTML classes.
|
||||
*/
|
||||
|
|
|
|||
|
|
@ -57,7 +57,7 @@
|
|||
<div{{ row.attributes.addClass(row_classes, options.row_class_default ? 'row-' ~ loop.index) }}>
|
||||
{% for column in row.content %}
|
||||
<div{{ column.attributes.addClass(col_classes, options.col_class_default ? 'col-' ~ loop.index) }}>
|
||||
{{ column.content }}
|
||||
{{- column.content -}}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
|
@ -67,7 +67,7 @@
|
|||
<div{{ column.attributes.addClass(col_classes, options.col_class_default ? 'col-' ~ loop.index) }}>
|
||||
{% for row in column.content %}
|
||||
<div{{ row.attributes.addClass(row_classes, options.row_class_default ? 'row-' ~ loop.index) }}>
|
||||
{{ row.content }}
|
||||
{{- row.content -}}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -26,7 +26,9 @@
|
|||
<{{ list.type }}{{ list.attributes }}>
|
||||
|
||||
{% for row in rows %}
|
||||
<li{{ row.attributes }}>{{ row.content }}</li>
|
||||
<li{{ row.attributes }}>
|
||||
{{- row.content -}}
|
||||
</li>
|
||||
{% endfor %}
|
||||
|
||||
</{{ list.type }}>
|
||||
|
|
|
|||
|
|
@ -25,6 +25,6 @@
|
|||
]
|
||||
%}
|
||||
<div{{ row.attributes.addClass(row_classes) }}>
|
||||
{{ row.content }}
|
||||
{{- row.content -}}
|
||||
</div>
|
||||
{% endfor %}
|
||||
|
|
|
|||
Reference in a new issue