first commit
This commit is contained in:
@@ -0,0 +1,180 @@
|
||||
/**
|
||||
* Generic elements.
|
||||
*/
|
||||
body {
|
||||
color: #333;
|
||||
background: #fff;
|
||||
font: normal 81.3%/1.538em "Lucida Grande", "Lucida Sans Unicode", "DejaVu Sans", "Lucida Sans", sans-serif;
|
||||
}
|
||||
a,
|
||||
.link {
|
||||
text-decoration: none;
|
||||
color: #0074bd;
|
||||
}
|
||||
a:hover,
|
||||
.link:hover,
|
||||
a:focus,
|
||||
.link:focus {
|
||||
text-decoration: underline;
|
||||
outline: 0;
|
||||
}
|
||||
hr {
|
||||
height: 1px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: none;
|
||||
background: #ccc;
|
||||
}
|
||||
summary,
|
||||
.fieldgroup:not(.form-composite) > legend {
|
||||
text-transform: uppercase;
|
||||
font-weight: bold;
|
||||
}
|
||||
.simpletest-results-form summary {
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Reusable heading classes are included to help modules change the styling of
|
||||
* headings on a page without affecting accessibility.
|
||||
*/
|
||||
h1,
|
||||
.heading-a {
|
||||
margin: 0;
|
||||
font-size: 1.625em;
|
||||
font-weight: bold;
|
||||
line-height: 1.875em;
|
||||
}
|
||||
h2,
|
||||
.heading-b {
|
||||
margin: 10px 0;
|
||||
font-size: 1.385em;
|
||||
font-weight: bold;
|
||||
}
|
||||
h3,
|
||||
.heading-c {
|
||||
margin: 10px 0;
|
||||
font-size: 1.231em;
|
||||
font-weight: bold;
|
||||
}
|
||||
h4,
|
||||
.heading-d {
|
||||
margin: 10px 0;
|
||||
font-size: 1.154em;
|
||||
font-weight: bold;
|
||||
}
|
||||
h5,
|
||||
.heading-e {
|
||||
margin: 10px 0;
|
||||
font-size: 1.077em;
|
||||
font-weight: bold;
|
||||
}
|
||||
h6,
|
||||
.heading-f {
|
||||
margin: 10px 0;
|
||||
font-size: 1.077em;
|
||||
font-weight: bold;
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
dl {
|
||||
margin: 0 0 20px;
|
||||
}
|
||||
dl dd,
|
||||
dl dl {
|
||||
margin-bottom: 10px;
|
||||
margin-left: 20px; /* LTR */
|
||||
}
|
||||
[dir="rtl"] dl dd,
|
||||
[dir="rtl"] dl dl {
|
||||
margin-right: 20px;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 40px;
|
||||
}
|
||||
address {
|
||||
font-style: italic;
|
||||
}
|
||||
u,
|
||||
ins {
|
||||
text-decoration: underline;
|
||||
}
|
||||
s,
|
||||
strike,
|
||||
del {
|
||||
text-decoration: line-through;
|
||||
}
|
||||
big {
|
||||
font-size: larger;
|
||||
}
|
||||
small {
|
||||
font-size: smaller;
|
||||
}
|
||||
sub {
|
||||
vertical-align: sub;
|
||||
font-size: smaller;
|
||||
line-height: normal;
|
||||
}
|
||||
sup {
|
||||
vertical-align: super;
|
||||
font-size: smaller;
|
||||
line-height: normal;
|
||||
}
|
||||
abbr,
|
||||
acronym {
|
||||
border-bottom: dotted 1px;
|
||||
}
|
||||
ul {
|
||||
margin: 0.25em 0 0.25em 1.5em; /* LTR */
|
||||
list-style-type: disc;
|
||||
list-style-image: none;
|
||||
}
|
||||
[dir="rtl"] ul {
|
||||
margin-right: 1.5em;
|
||||
margin-left: 0;
|
||||
}
|
||||
/* This is required to win over specificity of [dir="rtl"] ul */
|
||||
[dir="rtl"] .messages__list {
|
||||
margin-right: 0;
|
||||
}
|
||||
ol {
|
||||
margin: 0.25em 0 0.25em 2em; /* LTR */
|
||||
padding: 0;
|
||||
list-style-type: decimal;
|
||||
}
|
||||
[dir="rtl"] ol {
|
||||
margin-right: 2em;
|
||||
margin-left: 0;
|
||||
}
|
||||
code {
|
||||
margin: 0.5em 0;
|
||||
}
|
||||
pre {
|
||||
margin: 0.5em 0;
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
details {
|
||||
line-height: 1.295em;
|
||||
}
|
||||
details summary {
|
||||
padding: 0.95em 1.45em;
|
||||
}
|
||||
details summary:focus {
|
||||
text-decoration: underline;
|
||||
outline: none;
|
||||
}
|
||||
/**
|
||||
* Unfortunately, text-decoration for details summary is not supported on all
|
||||
* browsers. So we add a span (which can handle text-decoration) in Seven's
|
||||
* templates/details.html.twig. In case there are other details templates that
|
||||
* don't have the span, we leave the text-decoration in the parent selector.
|
||||
* This provides maximum compatibility and coverage with minimal disruption.
|
||||
*/
|
||||
details summary:focus span {
|
||||
text-decoration: underline;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
@@ -0,0 +1,87 @@
|
||||
@media print {
|
||||
* {
|
||||
color: #000 !important; /* Black prints faster: h5bp.com/s */
|
||||
background-color: transparent !important;
|
||||
box-shadow: none !important;
|
||||
text-shadow: none !important;
|
||||
}
|
||||
body {
|
||||
padding-top: 0;
|
||||
}
|
||||
a,
|
||||
a:visited {
|
||||
text-decoration: underline;
|
||||
}
|
||||
pre,
|
||||
blockquote {
|
||||
border: 1px solid #999;
|
||||
page-break-inside: avoid;
|
||||
}
|
||||
thead {
|
||||
display: table-header-group; /* h5bp.com/t */
|
||||
}
|
||||
tr,
|
||||
img {
|
||||
page-break-inside: avoid;
|
||||
}
|
||||
img {
|
||||
max-width: 100% !important;
|
||||
}
|
||||
p,
|
||||
h2,
|
||||
h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2,
|
||||
h3 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
a,
|
||||
.link {
|
||||
text-decoration: underline;
|
||||
color: #000;
|
||||
}
|
||||
.button,
|
||||
.button--primary {
|
||||
background: none !important;
|
||||
}
|
||||
.messages {
|
||||
border-width: 1px;
|
||||
border-color: #999;
|
||||
}
|
||||
.is-collapse-enabled .tabs {
|
||||
max-height: 999em;
|
||||
}
|
||||
.is-horizontal .tabs__tab {
|
||||
margin: 0 4px !important;
|
||||
border-radius: 4px 4px 0 0 !important;
|
||||
}
|
||||
.dropbutton-multiple .dropbutton .secondary-action {
|
||||
display: block;
|
||||
}
|
||||
.js .dropbutton-widget,
|
||||
.js td .dropbutton-widget /* Splitbuttons */ {
|
||||
position: relative;
|
||||
}
|
||||
.js .dropbutton .dropbutton-toggle {
|
||||
display: none;
|
||||
}
|
||||
.js .dropbutton-multiple .dropbutton-widget {
|
||||
border-radius: 4px;
|
||||
background: none;
|
||||
}
|
||||
input.form-autocomplete,
|
||||
input.form-text,
|
||||
input.form-tel,
|
||||
input.form-email,
|
||||
input.form-url,
|
||||
input.form-search,
|
||||
input.form-number,
|
||||
input.form-color,
|
||||
input.form-file,
|
||||
textarea.form-textarea,
|
||||
select.form-select {
|
||||
border-width: 1px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,36 @@
|
||||
/**
|
||||
* Reusable utility classes that apply vertical spacing consistency and in line
|
||||
* with the base line height of Seven.
|
||||
*/
|
||||
.leader {
|
||||
margin-top: 20px;
|
||||
margin-top: 1.538rem;
|
||||
}
|
||||
.leader-double {
|
||||
margin-top: 40px;
|
||||
margin-top: 3.076rem;
|
||||
}
|
||||
.leader-triple {
|
||||
margin-top: 60px;
|
||||
margin-top: 4.614rem;
|
||||
}
|
||||
.leader-quadruple {
|
||||
margin-top: 80px;
|
||||
margin-top: 6.152rem;
|
||||
}
|
||||
.trailer {
|
||||
margin-bottom: 20px;
|
||||
margin-bottom: 1.538rem;
|
||||
}
|
||||
.trailer-double {
|
||||
margin-bottom: 40px;
|
||||
margin-bottom: 3.076rem;
|
||||
}
|
||||
.trailer-triple {
|
||||
margin-bottom: 60px;
|
||||
margin-bottom: 4.614rem;
|
||||
}
|
||||
.trailer-quadruple {
|
||||
margin-bottom: 80px;
|
||||
margin-bottom: 6.152rem;
|
||||
}
|
||||
@@ -0,0 +1,12 @@
|
||||
WHAT IS THIS DIRECTORY FOR?
|
||||
--------------------------------
|
||||
This directory is for CSS files previously inherited from the Classy theme.
|
||||
|
||||
WHY ARE CLASSY CSS FILES BEING COPIED HERE?
|
||||
-------------------------------------------
|
||||
Classy will be deprecated during the Drupal 9 lifecycle. To prepare for Classy's
|
||||
removal, CSS files that would otherwise be inherited from Classy are copied
|
||||
here.
|
||||
|
||||
CSS files that differ from the Classy versions should not be placed in this
|
||||
directory or any subdirectory.
|
||||
@@ -0,0 +1,43 @@
|
||||
/**
|
||||
* @file
|
||||
* Styles for link buttons and action links.
|
||||
*/
|
||||
|
||||
.action-links {
|
||||
margin: 1em 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
[dir="rtl"] .action-links {
|
||||
/* This is required to win over specificity of [dir="rtl"] ul */
|
||||
margin-right: 0;
|
||||
}
|
||||
.action-links li {
|
||||
display: inline-block;
|
||||
margin: 0 0.3em;
|
||||
}
|
||||
.action-links li:first-child {
|
||||
margin-left: 0; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .action-links li:first-child {
|
||||
margin-right: 0;
|
||||
margin-left: 0.3em;
|
||||
}
|
||||
.button-action {
|
||||
display: inline-block;
|
||||
padding: 0.2em 0.5em 0.3em;
|
||||
text-decoration: none;
|
||||
line-height: 160%;
|
||||
}
|
||||
.button-action:before {
|
||||
margin-left: -0.1em; /* LTR */
|
||||
padding-right: 0.2em; /* LTR */
|
||||
content: "+";
|
||||
font-weight: 900;
|
||||
}
|
||||
[dir="rtl"] .button-action:before {
|
||||
margin-right: -0.1em;
|
||||
margin-left: 0;
|
||||
padding-right: 0;
|
||||
padding-left: 0.2em;
|
||||
}
|
||||
@@ -0,0 +1,40 @@
|
||||
/**
|
||||
* @file
|
||||
* Styling for the Book module.
|
||||
*/
|
||||
|
||||
.book-navigation .menu {
|
||||
padding-top: 1em;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
.book-navigation .book-pager {
|
||||
overflow: auto;
|
||||
margin: 0;
|
||||
padding: 0.5em 0;
|
||||
}
|
||||
.book-pager__item {
|
||||
display: inline-block;
|
||||
list-style-type: none;
|
||||
vertical-align: top;
|
||||
}
|
||||
.book-pager__item--previous {
|
||||
width: 45%;
|
||||
text-align: left; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .book-pager__item--previous {
|
||||
float: right;
|
||||
text-align: right;
|
||||
}
|
||||
.book-pager__item--center {
|
||||
width: 8%;
|
||||
text-align: center;
|
||||
}
|
||||
.book-pager__item--next {
|
||||
float: right; /* LTR */
|
||||
width: 45%;
|
||||
text-align: right; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .book-pager__item--next {
|
||||
float: left;
|
||||
text-align: left;
|
||||
}
|
||||
@@ -0,0 +1,29 @@
|
||||
/**
|
||||
* @file
|
||||
* Styles for breadcrumbs.
|
||||
*/
|
||||
|
||||
.breadcrumb {
|
||||
padding-bottom: 0.5em;
|
||||
}
|
||||
.breadcrumb ol {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
[dir="rtl"] .breadcrumb ol {
|
||||
/* This is required to win over specificity of [dir="rtl"] ol */
|
||||
margin-right: 0;
|
||||
}
|
||||
.breadcrumb li {
|
||||
display: inline;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
}
|
||||
/* IE8 does not support :not() and :last-child. */
|
||||
.breadcrumb li:before {
|
||||
content: " \BB ";
|
||||
}
|
||||
.breadcrumb li:first-child:before {
|
||||
content: none;
|
||||
}
|
||||
@@ -0,0 +1,15 @@
|
||||
/**
|
||||
* @file
|
||||
* Visual styles for buttons.
|
||||
*/
|
||||
|
||||
.button,
|
||||
.image-button {
|
||||
margin-right: 1em;
|
||||
margin-left: 1em;
|
||||
}
|
||||
.button:first-child,
|
||||
.image-button:first-child {
|
||||
margin-right: 0;
|
||||
margin-left: 0;
|
||||
}
|
||||
@@ -0,0 +1,32 @@
|
||||
/**
|
||||
* @file
|
||||
* Visual styles for collapsible fieldsets.
|
||||
*/
|
||||
|
||||
.collapse-processed > summary {
|
||||
padding-right: 0.5em;
|
||||
padding-left: 0.5em;
|
||||
}
|
||||
.collapse-processed > summary:before {
|
||||
float: left; /* LTR */
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
content: "";
|
||||
background: url(../../../../../misc/menu-expanded.png) 0 100% no-repeat; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .collapse-processed > summary:before {
|
||||
float: right;
|
||||
background-position: 100% 100%;
|
||||
}
|
||||
.collapse-processed:not([open]) > summary:before {
|
||||
-ms-transform: rotate(-90deg);
|
||||
-webkit-transform: rotate(-90deg);
|
||||
transform: rotate(-90deg);
|
||||
background-position: 25% 35%; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .collapse-processed:not([open]) > summary:before {
|
||||
-ms-transform: rotate(90deg);
|
||||
-webkit-transform: rotate(90deg);
|
||||
transform: rotate(90deg);
|
||||
background-position: 75% 35%;
|
||||
}
|
||||
@@ -0,0 +1,22 @@
|
||||
/**
|
||||
* @file
|
||||
* Inline items.
|
||||
*/
|
||||
|
||||
.container-inline label:after,
|
||||
.container-inline .label:after {
|
||||
content: ":";
|
||||
}
|
||||
.form-type-radios .container-inline label:after,
|
||||
.form-type-checkboxes .container-inline label:after {
|
||||
content: "";
|
||||
}
|
||||
.form-type-radios .container-inline .form-type-radio,
|
||||
.form-type-checkboxes .container-inline .form-type-checkbox {
|
||||
margin: 0 1em;
|
||||
}
|
||||
.container-inline .form-actions,
|
||||
.container-inline.form-actions {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
@@ -0,0 +1,33 @@
|
||||
/**
|
||||
* @file
|
||||
* General styles for dropbuttons.
|
||||
*/
|
||||
|
||||
.js .dropbutton-widget {
|
||||
border: 1px solid #ccc;
|
||||
background-color: white;
|
||||
}
|
||||
.js .dropbutton-widget:hover {
|
||||
border-color: #b8b8b8;
|
||||
}
|
||||
.dropbutton .dropbutton-action > * {
|
||||
padding: 0.1em 0.5em;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.dropbutton .secondary-action {
|
||||
border-top: 1px solid #e8e8e8;
|
||||
}
|
||||
.dropbutton-multiple .dropbutton {
|
||||
border-right: 1px solid #e8e8e8; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .dropbutton-multiple .dropbutton {
|
||||
border-right: 0 none;
|
||||
border-left: 1px solid #e8e8e8;
|
||||
}
|
||||
.dropbutton-multiple .dropbutton .dropbutton-action > * {
|
||||
margin-right: 0.25em; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .dropbutton-multiple .dropbutton .dropbutton-action > * {
|
||||
margin-right: 0;
|
||||
margin-left: 0.25em;
|
||||
}
|
||||
@@ -0,0 +1,46 @@
|
||||
/**
|
||||
* @file
|
||||
* Visual styles for exposed filters.
|
||||
*/
|
||||
|
||||
.exposed-filters .filters {
|
||||
float: left; /* LTR */
|
||||
margin-right: 1em; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .exposed-filters .filters {
|
||||
float: right;
|
||||
margin-right: 0;
|
||||
margin-left: 1em;
|
||||
}
|
||||
.exposed-filters .form-item {
|
||||
margin: 0 0 0.1em 0;
|
||||
padding: 0;
|
||||
}
|
||||
.exposed-filters .form-item label {
|
||||
float: left; /* LTR */
|
||||
width: 10em;
|
||||
font-weight: normal;
|
||||
}
|
||||
[dir="rtl"] .exposed-filters .form-item label {
|
||||
float: right;
|
||||
}
|
||||
.exposed-filters .form-select {
|
||||
width: 14em;
|
||||
}
|
||||
/* Current filters */
|
||||
.exposed-filters .current-filters {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
.exposed-filters .current-filters .placeholder {
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
}
|
||||
.exposed-filters .additional-filters {
|
||||
float: left; /* LTR */
|
||||
margin-right: 1em; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .exposed-filters .additional-filters {
|
||||
float: right;
|
||||
margin-right: 0;
|
||||
margin-left: 1em;
|
||||
}
|
||||
@@ -0,0 +1,25 @@
|
||||
/**
|
||||
* @file
|
||||
* Visual styles for fields.
|
||||
*/
|
||||
|
||||
.field__label {
|
||||
font-weight: bold;
|
||||
}
|
||||
.field--label-inline .field__label,
|
||||
.field--label-inline .field__items {
|
||||
float: left; /* LTR */
|
||||
}
|
||||
.field--label-inline .field__label,
|
||||
.field--label-inline > .field__item,
|
||||
.field--label-inline .field__items {
|
||||
padding-right: 0.5em;
|
||||
}
|
||||
[dir="rtl"] .field--label-inline .field__label,
|
||||
[dir="rtl"] .field--label-inline .field__items {
|
||||
padding-right: 0;
|
||||
padding-left: 0.5em;
|
||||
}
|
||||
.field--label-inline .field__label::after {
|
||||
content: ":";
|
||||
}
|
||||
@@ -0,0 +1,62 @@
|
||||
/**
|
||||
* @file
|
||||
* Default style for file module.
|
||||
*/
|
||||
|
||||
/* File icons. */
|
||||
|
||||
.file {
|
||||
display: inline-block;
|
||||
min-height: 16px;
|
||||
padding-left: 20px; /* LTR */
|
||||
background-repeat: no-repeat;
|
||||
background-position: left center; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .file {
|
||||
padding-right: 20px;
|
||||
padding-left: inherit;
|
||||
background-position: right center;
|
||||
}
|
||||
.file--general,
|
||||
.file--application-octet-stream {
|
||||
background-image: url(../../../images/classy/icons/application-octet-stream.png);
|
||||
}
|
||||
.file--package-x-generic {
|
||||
background-image: url(../../../images/classy/icons/package-x-generic.png);
|
||||
}
|
||||
.file--x-office-spreadsheet {
|
||||
background-image: url(../../../images/classy/icons/x-office-spreadsheet.png);
|
||||
}
|
||||
.file--x-office-document {
|
||||
background-image: url(../../../images/classy/icons/x-office-document.png);
|
||||
}
|
||||
.file--x-office-presentation {
|
||||
background-image: url(../../../images/classy/icons/x-office-presentation.png);
|
||||
}
|
||||
.file--text-x-script {
|
||||
background-image: url(../../../images/classy/icons/text-x-script.png);
|
||||
}
|
||||
.file--text-html {
|
||||
background-image: url(../../../images/classy/icons/text-html.png);
|
||||
}
|
||||
.file--text-plain {
|
||||
background-image: url(../../../images/classy/icons/text-plain.png);
|
||||
}
|
||||
.file--application-pdf {
|
||||
background-image: url(../../../images/classy/icons/application-pdf.png);
|
||||
}
|
||||
.file--application-x-executable {
|
||||
background-image: url(../../../images/classy/icons/application-x-executable.png);
|
||||
}
|
||||
.file--audio {
|
||||
background-image: url(../../../images/classy/icons/audio-x-generic.png);
|
||||
}
|
||||
.file--video {
|
||||
background-image: url(../../../images/classy/icons/video-x-generic.png);
|
||||
}
|
||||
.file--text {
|
||||
background-image: url(../../../images/classy/icons/text-x-generic.png);
|
||||
}
|
||||
.file--image {
|
||||
background-image: url(../../../images/classy/icons/image-x-generic.png);
|
||||
}
|
||||
@@ -0,0 +1,104 @@
|
||||
/**
|
||||
* @file
|
||||
* Visual styles for form components.
|
||||
*/
|
||||
|
||||
form .field-multiple-table {
|
||||
margin: 0;
|
||||
}
|
||||
form .field-multiple-table .field-multiple-drag {
|
||||
width: 30px;
|
||||
padding-right: 0; /* LTR */
|
||||
}
|
||||
[dir="rtl"] form .field-multiple-table .field-multiple-drag {
|
||||
padding-left: 0;
|
||||
}
|
||||
form .field-multiple-table .field-multiple-drag .tabledrag-handle {
|
||||
padding-right: 0.5em; /* LTR */
|
||||
}
|
||||
[dir="rtl"] form .field-multiple-table .field-multiple-drag .tabledrag-handle {
|
||||
padding-right: 0;
|
||||
padding-left: 0.5em;
|
||||
}
|
||||
form .field-add-more-submit {
|
||||
margin: 0.5em 0 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Markup generated by Form API.
|
||||
*/
|
||||
.form-item,
|
||||
.form-actions {
|
||||
margin-top: 1em;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
tr.odd .form-item,
|
||||
tr.even .form-item {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.form-composite > .fieldset-wrapper > .description,
|
||||
.form-item .description {
|
||||
font-size: 0.85em;
|
||||
}
|
||||
label.option {
|
||||
display: inline;
|
||||
font-weight: normal;
|
||||
}
|
||||
.form-composite > legend,
|
||||
.label {
|
||||
display: inline;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-size: inherit;
|
||||
font-weight: bold;
|
||||
}
|
||||
.form-checkboxes .form-item,
|
||||
.form-radios .form-item {
|
||||
margin-top: 0.4em;
|
||||
margin-bottom: 0.4em;
|
||||
}
|
||||
.form-type-radio .description,
|
||||
.form-type-checkbox .description {
|
||||
margin-left: 2.4em; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .form-type-radio .description,
|
||||
[dir="rtl"] .form-type-checkbox .description {
|
||||
margin-right: 2.4em;
|
||||
margin-left: 0;
|
||||
}
|
||||
.marker {
|
||||
color: #e00;
|
||||
}
|
||||
.form-required:after {
|
||||
display: inline-block;
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
margin: 0 0.3em;
|
||||
content: "";
|
||||
vertical-align: super;
|
||||
/* Use a background image to prevent screen readers from announcing the text. */
|
||||
background-image: url(../../../../../misc/icons/ee0000/required.svg);
|
||||
background-repeat: no-repeat;
|
||||
background-size: 6px 6px;
|
||||
}
|
||||
abbr.tabledrag-changed,
|
||||
abbr.ajax-changed {
|
||||
border-bottom: none;
|
||||
}
|
||||
.form-item input.error,
|
||||
.form-item textarea.error,
|
||||
.form-item select.error {
|
||||
border: 2px solid red;
|
||||
}
|
||||
|
||||
/* Inline error messages. */
|
||||
.form-item--error-message:before {
|
||||
display: inline-block;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
content: "";
|
||||
vertical-align: sub;
|
||||
background: url(../../../../../misc/icons/e32700/error.svg) no-repeat;
|
||||
background-size: contain;
|
||||
}
|
||||
@@ -0,0 +1,46 @@
|
||||
/**
|
||||
* @file
|
||||
* Styling for the Forum module.
|
||||
*/
|
||||
|
||||
.forum__description {
|
||||
margin: 0.5em;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
.forum__icon {
|
||||
float: left; /* LTR */
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
margin: 0 9px 0 0; /* LTR */
|
||||
background-image: url(../../../images/classy/icons/forum-icons.png);
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
[dir="rtl"] .forum__icon {
|
||||
float: right;
|
||||
margin: 0 0 0 9px;
|
||||
}
|
||||
.forum__title {
|
||||
overflow: hidden;
|
||||
}
|
||||
.forum .indented {
|
||||
margin-left: 20px; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .forum .indented {
|
||||
margin-right: 20px;
|
||||
margin-left: 0;
|
||||
}
|
||||
.forum__topic-status--new {
|
||||
background-position: -24px 0;
|
||||
}
|
||||
.forum__topic-status--hot {
|
||||
background-position: -48px 0;
|
||||
}
|
||||
.forum__topic-status--hot-new {
|
||||
background-position: -72px 0;
|
||||
}
|
||||
.forum__topic-status--sticky {
|
||||
background-position: -96px 0;
|
||||
}
|
||||
.forum__topic-status--closed {
|
||||
background-position: -120px 0;
|
||||
}
|
||||
@@ -0,0 +1,21 @@
|
||||
/**
|
||||
* @file
|
||||
* Visual styles for icons.
|
||||
*/
|
||||
|
||||
.icon-help {
|
||||
padding: 1px 0 1px 20px; /* LTR */
|
||||
background: url(../../../../../misc/help.png) 0 50% no-repeat; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .icon-help {
|
||||
padding: 1px 20px 1px 0;
|
||||
background-position: 100% 50%;
|
||||
}
|
||||
.feed-icon {
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
text-indent: -9999px;
|
||||
background: url(../../../../../misc/feed.svg) no-repeat;
|
||||
}
|
||||
@@ -0,0 +1,33 @@
|
||||
/**
|
||||
* @file
|
||||
* Image upload widget.
|
||||
*
|
||||
* This CSS file is not used in this theme (Classy). It was intended to be used,
|
||||
* but due to a bug, Drupal 8 shipped with it not being used. To not break
|
||||
* backwards compatibility, we continue to not load it in Classy. Every
|
||||
* subtheme of Classy is encouraged to use it, by attaching the
|
||||
* classy/image-widget asset library in their image-widget.html.twig file.
|
||||
*
|
||||
* @see core/themes/seven/templates/content-edit/image-widget.html.twig.
|
||||
*
|
||||
* @todo In Drupal 9, let core/themes/classy/templates/content-edit/image-widget.html.twig
|
||||
* attach the classy/image-widget asset library.
|
||||
*/
|
||||
|
||||
.image-preview {
|
||||
float: left; /* LTR */
|
||||
padding: 0 10px 10px 0; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .image-preview {
|
||||
float: right;
|
||||
padding: 0 0 10px 10px;
|
||||
}
|
||||
.image-widget-data {
|
||||
float: left; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .image-widget-data {
|
||||
float: right;
|
||||
}
|
||||
.image-widget-data .text-field {
|
||||
width: auto;
|
||||
}
|
||||
@@ -0,0 +1,16 @@
|
||||
|
||||
/**
|
||||
* @file
|
||||
* Basic styling for comment module.
|
||||
*/
|
||||
|
||||
/**
|
||||
* Indent threaded comments.
|
||||
*/
|
||||
.indented {
|
||||
margin-left: 25px; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .indented {
|
||||
margin-right: 25px;
|
||||
margin-left: 0;
|
||||
}
|
||||
@@ -0,0 +1,33 @@
|
||||
/**
|
||||
* @file
|
||||
* Visual styles for inline forms.
|
||||
*/
|
||||
|
||||
.form--inline .form-item {
|
||||
float: left; /* LTR */
|
||||
margin-right: 0.5em; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .form--inline .form-item {
|
||||
float: right;
|
||||
margin-right: 0;
|
||||
margin-left: 0.5em;
|
||||
}
|
||||
/* This is required to win over specificity of [dir="rtl"] .form--inline .form-item */
|
||||
[dir="rtl"] .views-filterable-options-controls .form-item {
|
||||
margin-right: 2%;
|
||||
}
|
||||
.form--inline .form-item-separator {
|
||||
margin-top: 2.3em;
|
||||
margin-right: 1em; /* LTR */
|
||||
margin-left: 0.5em; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .form--inline .form-item-separator {
|
||||
margin-right: 0.5em;
|
||||
margin-left: 1em;
|
||||
}
|
||||
.form--inline .form-actions {
|
||||
clear: left; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .form--inline .form-actions {
|
||||
clear: right;
|
||||
}
|
||||
@@ -0,0 +1,32 @@
|
||||
/**
|
||||
* @file
|
||||
* Visual styles for item list.
|
||||
*/
|
||||
|
||||
.item-list .title {
|
||||
font-weight: bold;
|
||||
}
|
||||
.item-list ul {
|
||||
margin: 0 0 0.75em 0;
|
||||
padding: 0;
|
||||
}
|
||||
.item-list li {
|
||||
margin: 0 0 0.25em 1.5em; /* LTR */
|
||||
padding: 0;
|
||||
}
|
||||
[dir="rtl"] .item-list li {
|
||||
margin: 0 1.5em 0.25em 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Comma separated lists.
|
||||
*/
|
||||
.item-list--comma-list {
|
||||
display: inline;
|
||||
}
|
||||
.item-list--comma-list .item-list__comma-list,
|
||||
.item-list__comma-list li,
|
||||
[dir="rtl"] .item-list--comma-list .item-list__comma-list,
|
||||
[dir="rtl"] .item-list__comma-list li {
|
||||
margin: 0;
|
||||
}
|
||||
@@ -0,0 +1,16 @@
|
||||
/**
|
||||
* @file
|
||||
* Style another element as a link.
|
||||
*/
|
||||
|
||||
button.link {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
border: 0;
|
||||
background: transparent;
|
||||
font-size: 1em;
|
||||
}
|
||||
label button.link {
|
||||
font-weight: bold;
|
||||
}
|
||||
@@ -0,0 +1,23 @@
|
||||
/**
|
||||
* @file
|
||||
* Visual styles for links.
|
||||
*/
|
||||
|
||||
ul.inline,
|
||||
ul.links.inline {
|
||||
display: inline;
|
||||
padding-left: 0; /* LTR */
|
||||
}
|
||||
[dir="rtl"] ul.inline,
|
||||
[dir="rtl"] ul.links.inline {
|
||||
padding-right: 0;
|
||||
padding-left: 15px;
|
||||
}
|
||||
ul.inline li {
|
||||
display: inline;
|
||||
padding: 0 0.5em;
|
||||
list-style-type: none;
|
||||
}
|
||||
ul.links a.is-active {
|
||||
color: #000;
|
||||
}
|
||||
@@ -0,0 +1,20 @@
|
||||
/**
|
||||
* @file
|
||||
* Media Embed filter: default styling for media embed errors.
|
||||
*/
|
||||
|
||||
/**
|
||||
* The caption filter's styling overrides ours, so add a more specific selector
|
||||
* to account for that.
|
||||
*/
|
||||
.media-embed-error,
|
||||
.caption > .media-embed-error {
|
||||
max-width: 200px;
|
||||
padding: 100px 20px 20px;
|
||||
text-align: center;
|
||||
background-color: #ebebeb;
|
||||
background-image: url(../../../../../modules/media/images/icons/no-thumbnail.png);
|
||||
background-repeat: no-repeat;
|
||||
background-position: center top;
|
||||
background-size: 100px 100px;
|
||||
}
|
||||
@@ -0,0 +1,34 @@
|
||||
/**
|
||||
* @file
|
||||
* Visual styles for menu.
|
||||
*/
|
||||
|
||||
ul.menu {
|
||||
margin-left: 1em; /* LTR */
|
||||
padding: 0;
|
||||
list-style: none outside;
|
||||
text-align: left; /* LTR */
|
||||
}
|
||||
[dir="rtl"] ul.menu {
|
||||
margin-right: 1em;
|
||||
margin-left: 0;
|
||||
text-align: right;
|
||||
}
|
||||
.menu-item--expanded {
|
||||
list-style-type: circle;
|
||||
list-style-image: url(../../../../../misc/menu-expanded.png);
|
||||
}
|
||||
.menu-item--collapsed {
|
||||
list-style-type: disc;
|
||||
list-style-image: url(../../../../../misc/menu-collapsed.png); /* LTR */
|
||||
}
|
||||
[dir="rtl"] .menu-item--collapsed {
|
||||
list-style-image: url(../../../../../misc/menu-collapsed-rtl.png);
|
||||
}
|
||||
.menu-item {
|
||||
margin: 0;
|
||||
padding-top: 0.2em;
|
||||
}
|
||||
ul.menu a.is-active {
|
||||
color: #000;
|
||||
}
|
||||
@@ -0,0 +1,72 @@
|
||||
/**
|
||||
* @file
|
||||
* Styles for system messages.
|
||||
*/
|
||||
|
||||
.messages {
|
||||
padding: 15px 20px 15px 35px; /* LTR */
|
||||
word-wrap: break-word;
|
||||
border: 1px solid;
|
||||
border-width: 1px 1px 1px 0; /* LTR */
|
||||
border-radius: 2px;
|
||||
background: no-repeat 10px 17px; /* LTR */
|
||||
overflow-wrap: break-word;
|
||||
}
|
||||
[dir="rtl"] .messages {
|
||||
padding-right: 35px;
|
||||
padding-left: 20px;
|
||||
text-align: right;
|
||||
border-width: 1px 0 1px 1px;
|
||||
background-position: right 10px top 17px;
|
||||
}
|
||||
.messages + .messages {
|
||||
margin-top: 1.538em;
|
||||
}
|
||||
.messages__list {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
.messages__item + .messages__item {
|
||||
margin-top: 0.769em;
|
||||
}
|
||||
/* See .color-success in Seven's colors.css */
|
||||
.messages--status {
|
||||
color: #325e1c;
|
||||
border-color: #c9e1bd #c9e1bd #c9e1bd transparent; /* LTR */
|
||||
background-color: #f3faef;
|
||||
background-image: url(../../../../../misc/icons/73b355/check.svg);
|
||||
box-shadow: -8px 0 0 #77b259; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .messages--status {
|
||||
margin-left: 0;
|
||||
border-color: #c9e1bd transparent #c9e1bd #c9e1bd;
|
||||
box-shadow: 8px 0 0 #77b259;
|
||||
}
|
||||
/* See .color-warning in Seven's colors.css */
|
||||
.messages--warning {
|
||||
color: #734c00;
|
||||
border-color: #f4daa6 #f4daa6 #f4daa6 transparent; /* LTR */
|
||||
background-color: #fdf8ed;
|
||||
background-image: url(../../../../../misc/icons/e29700/warning.svg);
|
||||
box-shadow: -8px 0 0 #e09600; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .messages--warning {
|
||||
border-color: #f4daa6 transparent #f4daa6 #f4daa6;
|
||||
box-shadow: 8px 0 0 #e09600;
|
||||
}
|
||||
/* See .color-error in Seven's colors.css */
|
||||
.messages--error {
|
||||
color: #a51b00;
|
||||
border-color: #f9c9bf #f9c9bf #f9c9bf transparent; /* LTR */
|
||||
background-color: #fcf4f2;
|
||||
background-image: url(../../../../../misc/icons/e32700/error.svg);
|
||||
box-shadow: -8px 0 0 #e62600; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .messages--error {
|
||||
border-color: #f9c9bf transparent #f9c9bf #f9c9bf;
|
||||
box-shadow: 8px 0 0 #e62600;
|
||||
}
|
||||
.messages--error p.error {
|
||||
color: #a51b00;
|
||||
}
|
||||
@@ -0,0 +1,12 @@
|
||||
/**
|
||||
* @file
|
||||
* Markup generated by #type 'more_link'.
|
||||
*/
|
||||
|
||||
.more-link {
|
||||
display: block;
|
||||
text-align: right; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .more-link {
|
||||
text-align: left;
|
||||
}
|
||||
@@ -0,0 +1,8 @@
|
||||
/**
|
||||
* @file
|
||||
* Visual styles for nodes.
|
||||
*/
|
||||
|
||||
.node--unpublished {
|
||||
background-color: #fff4f4;
|
||||
}
|
||||
@@ -0,0 +1,16 @@
|
||||
/**
|
||||
* @file
|
||||
* Visual styles for pager.
|
||||
*/
|
||||
|
||||
.pager__items {
|
||||
clear: both;
|
||||
text-align: center;
|
||||
}
|
||||
.pager__item {
|
||||
display: inline;
|
||||
padding: 0.5em;
|
||||
}
|
||||
.pager__item.is-active {
|
||||
font-weight: bold;
|
||||
}
|
||||
@@ -0,0 +1,69 @@
|
||||
/**
|
||||
* @file
|
||||
* Visual styles for progress bar.
|
||||
*
|
||||
* @see progress.js
|
||||
*/
|
||||
|
||||
.progress__track {
|
||||
border-color: #b3b3b3;
|
||||
border-radius: 10em;
|
||||
background-color: #f2f1eb;
|
||||
background-image: -webkit-linear-gradient(#e7e7df, #f0f0f0);
|
||||
background-image: linear-gradient(#e7e7df, #f0f0f0);
|
||||
box-shadow: inset 0 1px 3px hsla(0, 0%, 0%, 0.16);
|
||||
}
|
||||
.progress__bar {
|
||||
height: 16px;
|
||||
margin-top: -1px;
|
||||
margin-left: -1px; /* LTR */
|
||||
padding: 0 1px;
|
||||
-webkit-transition: width 0.5s ease-out;
|
||||
transition: width 0.5s ease-out;
|
||||
-webkit-animation: animate-stripes 3s linear infinite;
|
||||
-moz-animation: animate-stripes 3s linear infinite;
|
||||
border: 1px #07629a solid;
|
||||
border-radius: 10em;
|
||||
background: #057ec9;
|
||||
background-image:
|
||||
-webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)),
|
||||
-webkit-linear-gradient(left top, #0094f0 0%, #0094f0 25%, #007ecc 25%, #007ecc 50%, #0094f0 50%, #0094f0 75%, #0094f0 100%);
|
||||
background-image:
|
||||
linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)),
|
||||
linear-gradient(to right bottom, #0094f0 0%, #0094f0 25%, #007ecc 25%, #007ecc 50%, #0094f0 50%, #0094f0 75%, #0094f0 100%);
|
||||
background-size: 40px 40px;
|
||||
}
|
||||
[dir="rtl"] .progress__bar {
|
||||
margin-right: -1px;
|
||||
margin-left: 0;
|
||||
-webkit-animation-direction: reverse;
|
||||
-moz-animation-direction: reverse;
|
||||
animation-direction: reverse;
|
||||
}
|
||||
|
||||
@media screen and (prefers-reduced-motion: reduce) {
|
||||
.progress__bar {
|
||||
-webkit-transition: none;
|
||||
transition: none;
|
||||
-webkit-animation: none;
|
||||
-moz-animation: none;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Progress bar animations.
|
||||
*/
|
||||
@-webkit-keyframes animate-stripes {
|
||||
0% { background-position: 0 0, 0 0; }
|
||||
100% { background-position: 0 0, -80px 0; }
|
||||
}
|
||||
|
||||
@-ms-keyframes animate-stripes {
|
||||
0% { background-position: 0 0, 0 0; }
|
||||
100% { background-position: 0 0, -80px 0; }
|
||||
}
|
||||
|
||||
@keyframes animate-stripes {
|
||||
0% { background-position: 0 0, 0 0; }
|
||||
100% { background-position: 0 0, -80px 0; }
|
||||
}
|
||||
@@ -0,0 +1,8 @@
|
||||
/**
|
||||
* @file
|
||||
* Stylesheet for results generated by the Search module.
|
||||
*/
|
||||
|
||||
.search-results {
|
||||
list-style: none;
|
||||
}
|
||||
@@ -0,0 +1,14 @@
|
||||
/**
|
||||
* @file
|
||||
* Visual styles for table drag.
|
||||
*/
|
||||
|
||||
tr.drag {
|
||||
background-color: #fffff0;
|
||||
}
|
||||
tr.drag-previous {
|
||||
background-color: #ffd;
|
||||
}
|
||||
body div.tabledrag-changed-warning {
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
@@ -0,0 +1,19 @@
|
||||
/**
|
||||
* @file
|
||||
* Table select behavior.
|
||||
*
|
||||
* @see tableselect.js
|
||||
*/
|
||||
|
||||
tr.selected td {
|
||||
background: #ffc;
|
||||
}
|
||||
td.checkbox,
|
||||
th.checkbox {
|
||||
text-align: center;
|
||||
}
|
||||
[dir="rtl"] td.checkbox,
|
||||
[dir="rtl"] th.checkbox {
|
||||
/* This is required to win over specificity of [dir="rtl"] td */
|
||||
text-align: center;
|
||||
}
|
||||
@@ -0,0 +1,11 @@
|
||||
/**
|
||||
* @file
|
||||
* Table sort indicator.
|
||||
*/
|
||||
|
||||
th.is-active img {
|
||||
display: inline;
|
||||
}
|
||||
td.is-active {
|
||||
background-color: #ddd;
|
||||
}
|
||||
@@ -0,0 +1,33 @@
|
||||
/**
|
||||
* @file
|
||||
* Visual styles for tabs.
|
||||
*/
|
||||
|
||||
div.tabs {
|
||||
margin: 1em 0;
|
||||
}
|
||||
ul.tabs {
|
||||
margin: 0 0 0.5em;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
.tabs > li {
|
||||
display: inline-block;
|
||||
margin-right: 0.3em; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .tabs > li {
|
||||
margin-right: 0;
|
||||
margin-left: 0.3em;
|
||||
}
|
||||
.tabs a {
|
||||
display: block;
|
||||
padding: 0.2em 1em;
|
||||
text-decoration: none;
|
||||
}
|
||||
.tabs a.is-active {
|
||||
background-color: #eee;
|
||||
}
|
||||
.tabs a:focus,
|
||||
.tabs a:hover {
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
@@ -0,0 +1,11 @@
|
||||
/**
|
||||
* @file
|
||||
* Visual styles for a resizable textarea.
|
||||
*/
|
||||
|
||||
.form-textarea-wrapper textarea {
|
||||
display: block;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
@@ -0,0 +1,15 @@
|
||||
/**
|
||||
* @file
|
||||
* Styles for Classy's modal windows.
|
||||
*/
|
||||
|
||||
.ui-dialog--narrow {
|
||||
max-width: 500px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 600px) {
|
||||
.ui-dialog--narrow {
|
||||
min-width: 95%;
|
||||
max-width: 95%;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,66 @@
|
||||
/**
|
||||
* @file
|
||||
* Theme styling for user module.
|
||||
*/
|
||||
|
||||
/* Visual styling for the Password strength indicator */
|
||||
.password-strength__meter {
|
||||
margin-top: 0.5em;
|
||||
background-color: #ebeae4;
|
||||
}
|
||||
.password-strength__indicator {
|
||||
-webkit-transition: width 0.5s ease-out;
|
||||
transition: width 0.5s ease-out;
|
||||
background-color: #77b259;
|
||||
}
|
||||
.password-strength__indicator.is-weak {
|
||||
background-color: #e62600;
|
||||
}
|
||||
.password-strength__indicator.is-fair {
|
||||
background-color: #e09600;
|
||||
}
|
||||
.password-strength__indicator.is-good {
|
||||
background-color: #0074bd;
|
||||
}
|
||||
.password-strength__indicator.is-strong {
|
||||
background-color: #77b259;
|
||||
}
|
||||
|
||||
.password-confirm,
|
||||
.password-field,
|
||||
.password-strength,
|
||||
.password-confirm-match {
|
||||
width: 55%;
|
||||
}
|
||||
|
||||
.password-suggestions {
|
||||
max-width: 34.7em;
|
||||
margin: 0.7em 0;
|
||||
padding: 0.2em 0.5em;
|
||||
border: 1px solid #b4b4b4;
|
||||
}
|
||||
.password-suggestions ul {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.confirm-parent,
|
||||
.password-parent {
|
||||
clear: left; /* LTR */
|
||||
overflow: hidden;
|
||||
max-width: 33em;
|
||||
margin: 0;
|
||||
}
|
||||
[dir="rtl"] .confirm-parent,
|
||||
[dir="rtl"] .password-parent {
|
||||
clear: right;
|
||||
}
|
||||
|
||||
/* Styling for the status indicator of the passwords match test. */
|
||||
.password-confirm .ok {
|
||||
color: #325e1c;
|
||||
font-weight: bold;
|
||||
}
|
||||
.password-confirm .error {
|
||||
color: #a51b00;
|
||||
font-weight: bold;
|
||||
}
|
||||
@@ -0,0 +1,28 @@
|
||||
/**
|
||||
* @file
|
||||
* Contains minimal layout styling for the media library.
|
||||
*/
|
||||
|
||||
.media-library-wrapper {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.media-library-menu {
|
||||
flex-basis: 20%;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.media-library-content {
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.media-library-views-form {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.media-library-views-form .media-library-item {
|
||||
justify-content: space-between;
|
||||
max-width: 23%;
|
||||
margin: 1%;
|
||||
}
|
||||
@@ -0,0 +1,46 @@
|
||||
/**
|
||||
* Admin lists.
|
||||
*/
|
||||
ul.admin-list {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.admin-list li {
|
||||
position: relative;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
list-style-image: none;
|
||||
border-top: 1px solid #bfbfbf;
|
||||
}
|
||||
.admin-list.compact li {
|
||||
border: none;
|
||||
}
|
||||
.admin-list li a {
|
||||
display: block;
|
||||
min-height: 0;
|
||||
padding: 14px 15px 14px 25px; /* LTR */
|
||||
background: url(../../../../misc/icons/bebebe/chevron-disc-right.svg) no-repeat 1px 16px; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .admin-list li a {
|
||||
padding-right: 25px;
|
||||
padding-left: 15px;
|
||||
background: url(../../../../misc/icons/bebebe/chevron-disc-left.svg) no-repeat right 16px;
|
||||
}
|
||||
.admin-list.compact li a {
|
||||
padding: 2px 0;
|
||||
background-image: none;
|
||||
}
|
||||
.admin-list li a:hover,
|
||||
.admin-list li a:focus,
|
||||
.admin-list li a:active {
|
||||
text-decoration: none;
|
||||
}
|
||||
.admin-list li a .label {
|
||||
font-size: 1.0769em;
|
||||
}
|
||||
.admin-list li a:hover .label,
|
||||
.admin-list li a:focus .label,
|
||||
.admin-list li a:active .label {
|
||||
text-decoration: underline;
|
||||
}
|
||||
@@ -0,0 +1,9 @@
|
||||
/**
|
||||
* @file
|
||||
* Breadcrumbs.
|
||||
*/
|
||||
|
||||
.breadcrumb {
|
||||
padding: 20px 0 10px;
|
||||
line-height: 1em;
|
||||
}
|
||||
@@ -0,0 +1,213 @@
|
||||
/**
|
||||
* @file
|
||||
* Structural styles for Seven’s UI buttons
|
||||
*
|
||||
* Apply these classes to any element (<link>, <button>, <input>, etc.) that
|
||||
* should appear as a button.
|
||||
*/
|
||||
|
||||
/**
|
||||
* Buttons.
|
||||
*
|
||||
* 1. Enable z-index on buttons.
|
||||
* 2. Normalize 'line-height'; can’t be changed from 'normal' in Firefox 4+.
|
||||
* 3. Allows full range of styling in Webkit and Gecko.
|
||||
* 4. Use px units to ensure button text is centered vertically.
|
||||
* 5. Use rems to avoid the font size cascade of ems, with a px fallback for
|
||||
* older browsers.
|
||||
* 6. Prevent fat text in WebKit.
|
||||
*
|
||||
* @todo Consider moving box-sizing into base.css under a universal selector.
|
||||
* See https://www.drupal.org/node/2124251
|
||||
*
|
||||
*/
|
||||
.button {
|
||||
position: relative; /* 1 */
|
||||
display: inline-block;
|
||||
box-sizing: border-box;
|
||||
padding: 4px 1.5em; /* 4 */
|
||||
cursor: pointer;
|
||||
-webkit-transition: all 0.1s;
|
||||
transition: all 0.1s;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
color: #333;
|
||||
border: 1px solid #a6a6a6;
|
||||
border-radius: 20em;
|
||||
background-color: #f2f1eb;
|
||||
background-image: -webkit-linear-gradient(top, #f6f6f3, #e7e7df);
|
||||
background-image: linear-gradient(to bottom, #f6f6f3, #e7e7df);
|
||||
text-shadow: 0 1px hsla(0, 0%, 100%, 0.6);
|
||||
font-size: 14px;
|
||||
font-size: 0.875rem; /* 5 */
|
||||
font-weight: 600;
|
||||
line-height: normal; /* 2 */
|
||||
-webkit-appearance: none; /* 3 */
|
||||
-moz-appearance: none; /* 3 */
|
||||
-webkit-font-smoothing: antialiased; /* 6 */
|
||||
}
|
||||
.button:hover,
|
||||
.button:focus {
|
||||
text-decoration: none;
|
||||
color: #1a1a1a;
|
||||
outline: none;
|
||||
background-color: #f9f8f6;
|
||||
background-image: -webkit-linear-gradient(top, #fcfcfa, #e9e9dd);
|
||||
background-image: linear-gradient(to bottom, #fcfcfa, #e9e9dd);
|
||||
}
|
||||
.button:hover {
|
||||
box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.125);
|
||||
}
|
||||
|
||||
/* Prevent focus ring being covered by next siblings. */
|
||||
.button:focus {
|
||||
z-index: 10;
|
||||
border: 1px solid #3ab2ff;
|
||||
box-shadow: 0 0 0.5em 0.1em hsla(203, 100%, 60%, 0.7);
|
||||
}
|
||||
.button:active {
|
||||
-webkit-transition: none;
|
||||
transition: none;
|
||||
border: 1px solid #a6a6a6;
|
||||
background-color: #dfdfd9;
|
||||
background-image: -webkit-linear-gradient(top, #f6f6f3, #e7e7df);
|
||||
background-image: linear-gradient(to bottom, #f6f6f3, #e7e7df);
|
||||
box-shadow: inset 0 1px 3px hsla(0, 0%, 0%, 0.2);
|
||||
}
|
||||
|
||||
.button--primary {
|
||||
color: #fff;
|
||||
border-color: #1e5c90;
|
||||
background-color: #0071b8;
|
||||
background-image: -webkit-linear-gradient(top, #007bc6, #0071b8);
|
||||
background-image: linear-gradient(to bottom, #007bc6, #0071b8);
|
||||
text-shadow: 0 1px hsla(0, 0%, 0%, 0.5);
|
||||
font-weight: 700;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
.button--primary:hover,
|
||||
.button--primary:focus {
|
||||
color: #fff;
|
||||
border-color: #1e5c90;
|
||||
background-color: #2369a6;
|
||||
background-image: -webkit-linear-gradient(top, #0c97ed, #1f86c7);
|
||||
background-image: linear-gradient(to bottom, #0c97ed, #1f86c7);
|
||||
}
|
||||
.button--primary:focus {
|
||||
border: 1px solid #1280df;
|
||||
}
|
||||
.button--primary:hover {
|
||||
box-shadow: 0 1px 2px hsla(203, 10%, 10%, 0.25);
|
||||
}
|
||||
.button--primary:active {
|
||||
border-color: #144b78;
|
||||
background-image: -webkit-linear-gradient(top, #08639b, #0071b8);
|
||||
background-image: linear-gradient(to bottom, #08639b, #0071b8);
|
||||
box-shadow: inset 0 1px 3px hsla(0, 0%, 0%, 0.2);
|
||||
}
|
||||
|
||||
/**
|
||||
* Overrides styling from system.theme.
|
||||
*/
|
||||
.button-action:before {
|
||||
margin-left: -0.2em; /* LTR */
|
||||
padding-right: 0.2em; /* LTR */
|
||||
font-size: 14px;
|
||||
font-size: 0.875rem;
|
||||
line-height: 16px;
|
||||
-webkit-font-smoothing: auto;
|
||||
}
|
||||
[dir="rtl"] .button-action:before {
|
||||
margin-right: -0.2em;
|
||||
margin-left: 0;
|
||||
padding-right: 0;
|
||||
padding-left: 0.2em;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Use px units to ensure button text is centered vertically.
|
||||
*/
|
||||
.no-touchevents .button--small {
|
||||
padding: 2px 1em; /* 1 */
|
||||
font-size: 13px;
|
||||
font-size: 0.813rem;
|
||||
}
|
||||
|
||||
.button:disabled,
|
||||
.button:disabled:active,
|
||||
.button.is-disabled,
|
||||
.button.is-disabled:active {
|
||||
cursor: default;
|
||||
color: #5c5c5c;
|
||||
border-color: #d4d4d4;
|
||||
background: #ededed;
|
||||
box-shadow: none;
|
||||
text-shadow: 0 1px hsla(0, 0%, 100%, 0.6);
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
/* Link actions. */
|
||||
|
||||
/**
|
||||
* Style a clickable/tappable element as a link. Duplicates the base style for
|
||||
* the <a> tag, plus a reset for padding, borders and background.
|
||||
*/
|
||||
.link {
|
||||
display: inline;
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
color: #0074bd;
|
||||
border: 0;
|
||||
background: none;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
}
|
||||
.link:hover,
|
||||
.link:focus {
|
||||
text-decoration: underline;
|
||||
color: #008ee6;
|
||||
}
|
||||
|
||||
/**
|
||||
* We've temporarily added the danger button here, bit of a harsh reset but we
|
||||
* need it.
|
||||
* @todo replace with link--danger.
|
||||
* See https://www.drupal.org/node/2123731
|
||||
*/
|
||||
.button--danger {
|
||||
display: inline;
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
text-decoration: underline;
|
||||
color: #c72100;
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
background: none;
|
||||
box-shadow: none;
|
||||
font-weight: 400;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
}
|
||||
.button--danger:hover,
|
||||
.button--danger:focus,
|
||||
.button--danger:active {
|
||||
padding: 0;
|
||||
text-decoration: underline;
|
||||
color: #ff2a00;
|
||||
border: 0;
|
||||
background: none;
|
||||
box-shadow: none;
|
||||
text-shadow: none;
|
||||
}
|
||||
.button--danger:disabled,
|
||||
.button--danger.is-disabled {
|
||||
padding: 0;
|
||||
cursor: default;
|
||||
text-decoration: none;
|
||||
color: #737373;
|
||||
border: 0;
|
||||
background: none;
|
||||
box-shadow: none;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
@@ -0,0 +1,18 @@
|
||||
/**
|
||||
* @file
|
||||
* Inline items.
|
||||
*/
|
||||
|
||||
.container-inline .form-radios label:after,
|
||||
.container-inline .form-checkboxes label:after {
|
||||
content: "";
|
||||
}
|
||||
.container-inline .form-radios .form-type-radio,
|
||||
.container-inline .form-checkboxes .form-type-checkbox {
|
||||
margin-right: 1em;
|
||||
}
|
||||
[dir="rtl"] .container-inline .form-radios .form-type-radio,
|
||||
[dir="rtl"] .container-inline .form-checkboxes .form-type-checkbox {
|
||||
margin-right: 0;
|
||||
margin-left: 1em;
|
||||
}
|
||||
@@ -0,0 +1,9 @@
|
||||
/**
|
||||
* @file
|
||||
* Inline items.
|
||||
*/
|
||||
|
||||
.container-inline div,
|
||||
.container-inline label {
|
||||
display: inline-block;
|
||||
}
|
||||
@@ -0,0 +1,8 @@
|
||||
/**
|
||||
* Content header.
|
||||
*/
|
||||
.content-header {
|
||||
overflow: hidden;
|
||||
padding: 24px 0 0;
|
||||
background-color: #e0e0d8;
|
||||
}
|
||||
@@ -0,0 +1,26 @@
|
||||
/**
|
||||
* @file
|
||||
* Collapsible details.
|
||||
*
|
||||
* @see collapse.js
|
||||
*/
|
||||
.seven-details {
|
||||
margin-top: 1em;
|
||||
margin-bottom: 1em;
|
||||
border: 1px solid #bfbfbf;
|
||||
border-radius: 3px;
|
||||
background-color: #fcfcfa;
|
||||
}
|
||||
.seven-details__summary {
|
||||
cursor: pointer;
|
||||
color: #0074bd;
|
||||
text-shadow: 0 1px 0 white;
|
||||
}
|
||||
.seven-details__summary:hover,
|
||||
.seven-details__summary:focus,
|
||||
.seven-details[open] > .seven-details__summary {
|
||||
color: #004f80;
|
||||
}
|
||||
.seven-details__wrapper {
|
||||
padding: 0 1.5em 1em 1.5em;
|
||||
}
|
||||
@@ -0,0 +1,127 @@
|
||||
/**
|
||||
* Presentational styles for Drupal dialogs.
|
||||
*/
|
||||
|
||||
.ui-dialog {
|
||||
position: absolute;
|
||||
z-index: 1260;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
@media all and (max-width: 48em) { /* 768px */
|
||||
.ui-dialog {
|
||||
min-width: 92%;
|
||||
max-width: 92%;
|
||||
}
|
||||
}
|
||||
.ui-dialog .ui-dialog-titlebar {
|
||||
padding: 15px 49px 15px 15px; /* LTR */
|
||||
border-top-left-radius: 5px;
|
||||
border-top-right-radius: 5px;
|
||||
background: #6b6b6b;
|
||||
}
|
||||
[dir="rtl"] .ui-dialog .ui-dialog-titlebar {
|
||||
padding-right: 15px;
|
||||
padding-left: 49px;
|
||||
}
|
||||
.ui-dialog .ui-dialog-title {
|
||||
margin: 0;
|
||||
color: #fff;
|
||||
font-size: 1.231em;
|
||||
font-weight: 600;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
.ui-dialog .ui-dialog-titlebar-close {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
right: 12px; /* LTR */
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
-webkit-transition: all 0.1s;
|
||||
transition: all 0.1s;
|
||||
border: 3px solid #6b6b6b;
|
||||
border-radius: 5px;
|
||||
background: none;
|
||||
}
|
||||
.ui-dialog .ui-dialog-titlebar-close:hover,
|
||||
.ui-dialog .ui-dialog-titlebar-close:focus {
|
||||
border-color: #fff;
|
||||
}
|
||||
[dir="rtl"] .ui-dialog .ui-dialog-titlebar-close {
|
||||
right: auto;
|
||||
left: 20px;
|
||||
}
|
||||
.ui-dialog .ui-icon.ui-icon-closethick {
|
||||
margin-top: -8px;
|
||||
background: url(../../../../misc/icons/ffffff/ex.svg) 0 0 no-repeat;
|
||||
}
|
||||
.ui-dialog .ui-widget-content.ui-dialog-content {
|
||||
overflow: auto;
|
||||
padding: 1em;
|
||||
background: #fff;
|
||||
}
|
||||
.views-ui-dialog .ui-widget-content.ui-dialog-content {
|
||||
padding: 0;
|
||||
}
|
||||
.ui-dialog .ui-widget-content.ui-dialog-buttonpane {
|
||||
/* border-top: 1px solid #bfbfbf; */
|
||||
margin: 0;
|
||||
padding: 15px 20px;
|
||||
border-bottom-right-radius: 5px;
|
||||
border-bottom-left-radius: 5px;
|
||||
background: #f5f5f2;
|
||||
}
|
||||
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
|
||||
float: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.ui-dialog .ui-dialog-buttonpane .ui-button-text-only .ui-button-text {
|
||||
padding: 0;
|
||||
}
|
||||
.ui-dialog .ui-dialog-content {
|
||||
position: static;
|
||||
}
|
||||
|
||||
/* Form action buttons are moved in dialogs. Remove empty space. */
|
||||
.ui-dialog .ui-dialog-content .form-actions {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.ui-dialog .ajax-progress-throbber {
|
||||
position: fixed;
|
||||
z-index: 1000;
|
||||
top: 48.5%;
|
||||
/* Can't do center:50% middle: 50%, so approximate it for a typical window size. */
|
||||
left: 49%; /* LTR */
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
padding: 4px;
|
||||
opacity: 0.9;
|
||||
border-radius: 7px;
|
||||
background-color: #232323;
|
||||
background-image: url(../../../../misc/loading-small.gif);
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
}
|
||||
[dir="rtl"] .ui-dialog .ajax-progress-throbber {
|
||||
right: 49%;
|
||||
left: auto;
|
||||
}
|
||||
.ui-dialog .ajax-progress-throbber .throbber,
|
||||
.ui-dialog .ajax-progress-throbber .message {
|
||||
display: none;
|
||||
}
|
||||
.ui-dialog.ui-dialog-off-canvas .ui-dialog-titlebar {
|
||||
position: relative;
|
||||
}
|
||||
.ui-dialog.ui-dialog-off-canvas .ui-dialog-titlebar-close {
|
||||
top: 10px;
|
||||
}
|
||||
.ui-dialog.ui-dialog-off-canvas .ui-widget-content.ui-dialog-content {
|
||||
background: none;
|
||||
}
|
||||
@@ -0,0 +1,337 @@
|
||||
/**
|
||||
* @file
|
||||
* Styling dropbuttons.
|
||||
*/
|
||||
|
||||
/**
|
||||
* Reset styling for all elements.
|
||||
*/
|
||||
.js .dropbutton .dropbutton-action > input,
|
||||
.js .dropbutton .dropbutton-action > a,
|
||||
.js .dropbutton .dropbutton-action > button {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
text-align: left; /* LTR */
|
||||
text-decoration: none;
|
||||
color: #333;
|
||||
font-weight: 600;
|
||||
line-height: normal;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
[dir="rtl"].js .dropbutton .dropbutton-action > input,
|
||||
[dir="rtl"].js .dropbutton .dropbutton-action > a,
|
||||
[dir="rtl"].js .dropbutton .dropbutton-action > button {
|
||||
margin-left: 0; /* This is required to win over specificity of [dir="rtl"] .dropbutton-multiple .dropbutton .dropbutton-action > * */
|
||||
text-align: right;
|
||||
}
|
||||
.js .dropbutton-action.last {
|
||||
border-radius: 0 0 0 1em; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .js .dropbutton-action.last {
|
||||
border-radius: 0 0 1em 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Overwrite Sevens button styling.
|
||||
*/
|
||||
.js .dropbutton-widget .button {
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
background: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
.js .dropbutton-multiple .dropbutton {
|
||||
border-right: 0; /* LTR */
|
||||
}
|
||||
[dir="rtl"].js .dropbutton-multiple .dropbutton {
|
||||
border-left: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Show dropbutton elements as buttons when javascript is disabled
|
||||
*/
|
||||
.dropbutton {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
}
|
||||
.dropbutton li + li {
|
||||
margin-top: 10px;
|
||||
}
|
||||
.js .dropbutton li {
|
||||
margin-right: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.js .dropbutton li + li {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 37.5625em) { /* 601px */
|
||||
.dropbutton li {
|
||||
display: inline-block;
|
||||
}
|
||||
.dropbutton li + li {
|
||||
margin-top: 0;
|
||||
margin-left: 1em;
|
||||
}
|
||||
.js .dropbutton li + li {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Copied styling for .button.
|
||||
*/
|
||||
.js .dropbutton-multiple .dropbutton-widget {
|
||||
border: 1px solid #a6a6a6;
|
||||
border-radius: 20em;
|
||||
background-color: #f2f1eb;
|
||||
background-image: -webkit-linear-gradient(top, #f6f6f3, #e7e7df);
|
||||
background-image: linear-gradient(to bottom, #f6f6f3, #e7e7df);
|
||||
text-shadow: 0 1px hsla(0, 0%, 100%, 0.6);
|
||||
}
|
||||
.dropbutton-multiple.open .dropbutton-widget {
|
||||
border-radius: 1em;
|
||||
}
|
||||
.js .dropbutton-widget .dropbutton-action a,
|
||||
.js .dropbutton-widget .dropbutton-action input,
|
||||
.js .dropbutton-widget .dropbutton-action button {
|
||||
display: block;
|
||||
width: 100%;
|
||||
padding: 4px 1.5em;
|
||||
border-radius: 20em 0 0 20em; /* LTR */
|
||||
}
|
||||
[dir="rtl"].js .dropbutton-widget .dropbutton-action a,
|
||||
[dir="rtl"].js .dropbutton-widget .dropbutton-action input,
|
||||
[dir="rtl"].js .dropbutton-widget .dropbutton-action button {
|
||||
border-radius: 0 20em 20em 0;
|
||||
}
|
||||
.js .dropbutton-widget .dropbutton-action a:focus,
|
||||
.js .dropbutton-widget .dropbutton-action input:focus,
|
||||
.js .dropbutton-widget .dropbutton-action button:focus {
|
||||
text-decoration: underline;
|
||||
}
|
||||
.js .dropbutton-multiple.open .dropbutton-action a,
|
||||
.js .dropbutton-multiple.open .dropbutton-action .button {
|
||||
border-radius: 0;
|
||||
}
|
||||
.js .dropbutton-multiple.open .dropbutton-action:first-child a,
|
||||
.js .dropbutton-multiple.open .dropbutton-action:first-child .button {
|
||||
border-radius: 0.9em 0 0 0; /* LTR */
|
||||
}
|
||||
[dir="rtl"].js .dropbutton-multiple.open .dropbutton-action:first-child a,
|
||||
[dir="rtl"].js .dropbutton-multiple.open .dropbutton-action:first-child .button {
|
||||
border-radius: 0 0.9em 0 0;
|
||||
}
|
||||
.js .dropbutton-multiple.open .dropbutton-action:last-child a,
|
||||
.js .dropbutton-multiple.open .dropbutton-action:last-child .button {
|
||||
border-radius: 0 0 0 0.9em; /* LTR */
|
||||
}
|
||||
[dir="rtl"].js .dropbutton-multiple.open .dropbutton-action:last-child a,
|
||||
[dir="rtl"].js .dropbutton-multiple.open .dropbutton-action:last-child .button {
|
||||
border-radius: 0 0 0.9em 0;
|
||||
}
|
||||
.js .dropbutton-wrapper .dropbutton-widget .dropbutton-action a:hover,
|
||||
.js .dropbutton-wrapper .dropbutton-widget .dropbutton-action button:hover,
|
||||
.js .dropbutton-wrapper .dropbutton-widget .dropbutton-action input:hover,
|
||||
.js .dropbutton-wrapper .dropbutton-widget .dropbutton-action a:focus,
|
||||
.js .dropbutton-wrapper .dropbutton-widget .dropbutton-action button:focus,
|
||||
.js .dropbutton-wrapper .dropbutton-widget .dropbutton-action input:focus {
|
||||
z-index: 3;
|
||||
color: #1a1a1a;
|
||||
background-color: #f9f8f6;
|
||||
background-image: -webkit-linear-gradient(top, #fcfcfa, #e9e9dd);
|
||||
background-image: linear-gradient(to bottom, #fcfcfa, #e9e9dd);
|
||||
box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.125);
|
||||
}
|
||||
.js .dropbutton-wrapper .dropbutton-widget .dropbutton-action a:active,
|
||||
.js .dropbutton-wrapper .dropbutton-widget .dropbutton-action input:active,
|
||||
.js .dropbutton-wrapper .dropbutton-widget .dropbutton-action button:active {
|
||||
text-decoration: none;
|
||||
background-color: #dfdfd9;
|
||||
background-image: -webkit-linear-gradient(top, #f6f6f3, #e7e7df);
|
||||
background-image: linear-gradient(to bottom, #f6f6f3, #e7e7df);
|
||||
box-shadow: inset 0 1px 3px hsla(0, 0%, 0%, 0.2);
|
||||
}
|
||||
.dropbutton .secondary-action {
|
||||
border-top: 1px solid #bfbfba;
|
||||
}
|
||||
|
||||
/**
|
||||
* Rare instances when a dropbutton is actually just a button.
|
||||
* Copied from Seven's buttons.css.
|
||||
*/
|
||||
.dropbutton-single .dropbutton-widget {
|
||||
position: static;
|
||||
display: inline-block;
|
||||
border: 0;
|
||||
}
|
||||
.dropbutton-single .dropbutton-action a {
|
||||
width: auto !important;
|
||||
padding: 4px 1.5em;
|
||||
-webkit-transition: all 0.1s;
|
||||
transition: all 0.1s;
|
||||
text-decoration: none;
|
||||
color: #333;
|
||||
border: 1px solid #a6a6a6;
|
||||
border-radius: 20em !important;
|
||||
background-color: #f2f1eb;
|
||||
background-image: -webkit-linear-gradient(top, #f6f6f3, #e7e7df);
|
||||
background-image: linear-gradient(to bottom, #f6f6f3, #e7e7df);
|
||||
text-shadow: 0 1px hsla(0, 0%, 100%, 0.6);
|
||||
font-weight: 600;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
.dropbutton-single .dropbutton-action a:hover,
|
||||
.dropbutton-single .dropbutton-action a:focus {
|
||||
text-decoration: none;
|
||||
color: #1a1a1a;
|
||||
outline: none;
|
||||
background-color: #f9f8f6;
|
||||
background-image: -webkit-linear-gradient(top, #fcfcfa, #e9e9dd);
|
||||
background-image: linear-gradient(to bottom, #fcfcfa, #e9e9dd);
|
||||
}
|
||||
.dropbutton-single .dropbutton-action a:hover,
|
||||
.dropbutton-single .dropbutton-action a:focus {
|
||||
box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.125);
|
||||
}
|
||||
.dropbutton-single .dropbutton-action a:active {
|
||||
-webkit-transition: none;
|
||||
transition: none;
|
||||
background-color: #dfdfd9;
|
||||
background-image: -webkit-linear-gradient(top, #f6f6f3, #e7e7df);
|
||||
background-image: linear-gradient(to bottom, #f6f6f3, #e7e7df);
|
||||
box-shadow: inset 0 1px 3px hsla(0, 0%, 0%, 0.2);
|
||||
}
|
||||
.dropbutton .dropbutton-action .ajax-progress {
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
top: 0.2em;
|
||||
right: 0.2em;
|
||||
padding: 0 0 0 0.1em;
|
||||
}
|
||||
.dropbutton-multiple .dropbutton-action .ajax-progress {
|
||||
top: 0.15em;
|
||||
right: 2.2em;
|
||||
margin-right: 0;
|
||||
}
|
||||
.dropbutton-multiple .secondary-action .ajax-progress {
|
||||
top: auto;
|
||||
bottom: 0.3em;
|
||||
}
|
||||
|
||||
/**
|
||||
* The dropdown trigger.
|
||||
*/
|
||||
.js .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button {
|
||||
border-left: 1px solid #a6a6a6; /* LTR */
|
||||
outline: none;
|
||||
}
|
||||
[dir="rtl"].js .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button {
|
||||
border-right: 1px solid #a6a6a6;
|
||||
border-left: 0;
|
||||
}
|
||||
.js .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button {
|
||||
border-radius: 0 20em 20em 0; /* LTR */
|
||||
}
|
||||
[dir="rtl"].js .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button {
|
||||
border-radius: 20em 0 0 20em;
|
||||
}
|
||||
.dropbutton-multiple.open .dropbutton-widget .dropbutton-toggle button {
|
||||
border-radius: 0 1em 1em 0; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .dropbutton-multiple.open .dropbutton-widget .dropbutton-toggle button {
|
||||
border-radius: 1em 0 0 1em;
|
||||
}
|
||||
.js .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button:hover,
|
||||
.js .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button:focus {
|
||||
z-index: 3;
|
||||
text-decoration: none;
|
||||
color: #1a1a1a;
|
||||
background-color: #f9f8f6;
|
||||
background-image: -webkit-linear-gradient(top, #fcfcfa, #e9e9dd);
|
||||
background-image: linear-gradient(to bottom, #fcfcfa, #e9e9dd);
|
||||
box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.125);
|
||||
}
|
||||
.js .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button:active {
|
||||
background-color: #dfdfd9;
|
||||
background-image: -webkit-linear-gradient(top, #f6f6f3, #e7e7df);
|
||||
background-image: linear-gradient(to bottom, #f6f6f3, #e7e7df);
|
||||
box-shadow: inset 0 1px 3px hsla(0, 0%, 0%, 0.2);
|
||||
}
|
||||
.dropbutton-arrow {
|
||||
top: 54%;
|
||||
right: 35%; /* LTR */
|
||||
border-top-color: #333;
|
||||
}
|
||||
[dir="rtl"] .dropbutton-arrow {
|
||||
right: auto;
|
||||
left: 35%;
|
||||
}
|
||||
.dropbutton-multiple.open .dropbutton-arrow {
|
||||
top: 0.6667em;
|
||||
border-top-color: transparent;
|
||||
border-bottom: 0.3333em solid #333;
|
||||
}
|
||||
|
||||
/**
|
||||
* Form edit action theming.
|
||||
* Copied styling from .button--primary.
|
||||
*/
|
||||
.js .form-actions .dropbutton .dropbutton-action > * {
|
||||
color: #fff;
|
||||
text-shadow: 0 1px hsla(0, 0%, 0%, 0.5);
|
||||
font-weight: 700;
|
||||
}
|
||||
.js .form-actions .dropbutton-widget {
|
||||
position: relative;
|
||||
border-color: #1e5c90;
|
||||
background-color: #0071b8;
|
||||
background-image: -webkit-linear-gradient(top, #007bc6, #0071b8);
|
||||
background-image: linear-gradient(to bottom, #007bc6, #0071b8);
|
||||
text-shadow: 0 1px hsla(0, 0%, 0%, 0.5);
|
||||
}
|
||||
.form-actions .dropbutton-multiple.open .dropbutton-widget {
|
||||
background-image: -webkit-linear-gradient(top, #007bc6, #0071b8);
|
||||
background-image: linear-gradient(to bottom, #007bc6, #0071b8);
|
||||
}
|
||||
.js .form-actions .dropbutton-wrapper .dropbutton-widget .dropbutton-action .button:hover,
|
||||
.js .form-actions .dropbutton-wrapper .dropbutton-widget .dropbutton-action .button:focus {
|
||||
color: #fff;
|
||||
background-color: #2369a6;
|
||||
background-image: -webkit-linear-gradient(top, #0c97ed, #1f86c7);
|
||||
background-image: linear-gradient(to bottom, #0c97ed, #1f86c7);
|
||||
box-shadow: 0 1px 2px hsla(203, 10%, 10%, 0.25);
|
||||
}
|
||||
.js .form-actions .dropbutton-wrapper .dropbutton-widget .dropbutton-action .button:active {
|
||||
border-color: #144b78;
|
||||
background-image: -webkit-linear-gradient(top, #08639b, #0071b8);
|
||||
background-image: linear-gradient(to bottom, #08639b, #0071b8);
|
||||
box-shadow: inset 0 1px 3px hsla(0, 0%, 0%, 0.2);
|
||||
}
|
||||
.js .form-actions .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button,
|
||||
.form-actions .dropbutton .secondary-action {
|
||||
border-color: #1e5c90;
|
||||
}
|
||||
.js .form-actions .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button {
|
||||
background-image: -webkit-linear-gradient(top, #007bc6, #0071b8);
|
||||
background-image: linear-gradient(to bottom, #007bc6, #0071b8);
|
||||
}
|
||||
.js .form-actions .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button:hover,
|
||||
.js .form-actions .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button:focus {
|
||||
background-color: #2369a6;
|
||||
background-image: -webkit-linear-gradient(top, #0c97ed, #1f86c7);
|
||||
background-image: linear-gradient(to bottom, #0c97ed, #1f86c7);
|
||||
}
|
||||
.js .form-actions .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button:active {
|
||||
border-color: #144b78;
|
||||
background-image: -webkit-linear-gradient(top, #08639b, #0071b8);
|
||||
background-image: linear-gradient(to bottom, #08639b, #0071b8);
|
||||
box-shadow: inset 0 1px 3px hsla(0, 0%, 0%, 0.2);
|
||||
}
|
||||
.form-actions .dropbutton-arrow {
|
||||
border-top-color: #fff;
|
||||
}
|
||||
.form-actions .dropbutton-multiple.open .dropbutton-arrow {
|
||||
border-bottom: 0.3333em solid white;
|
||||
}
|
||||
@@ -0,0 +1,72 @@
|
||||
/**
|
||||
* Entity meta settings.
|
||||
*/
|
||||
.entity-meta {
|
||||
border-right: 1px solid #bfbfbf;
|
||||
border-left: 1px solid #bfbfbf;
|
||||
border-radius: 3px;
|
||||
background-color: #edede8;
|
||||
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
.entity-meta__header,
|
||||
.entity-meta .seven-details {
|
||||
border-top: 1px solid #bfbfbf;
|
||||
border-bottom: 1px solid #bfbfbf;
|
||||
background-color: #fcfcfa;
|
||||
}
|
||||
.entity-meta__header {
|
||||
padding: 1em 1.5em;
|
||||
border-radius: 3px 3px 0 0;
|
||||
}
|
||||
.entity-meta__title {
|
||||
margin: 0.25em 0;
|
||||
text-shadow: 0 1px 0 #fff;
|
||||
font-size: 1.231em;
|
||||
font-weight: bold;
|
||||
}
|
||||
.entity-meta__header .form-item {
|
||||
margin: 0.25em 0;
|
||||
}
|
||||
.entity-meta__last-saved {
|
||||
font-style: italic; /* As-designed, but really: why is this italic? */
|
||||
}
|
||||
.entity-meta .seven-details {
|
||||
margin: 0;
|
||||
border-top: 1px solid #fff;
|
||||
border-right: 0;
|
||||
border-left: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
.entity-meta .seven-details:last-child {
|
||||
border-radius: 0 0 3px 3px;
|
||||
}
|
||||
.entity-meta .seven-details[open] {
|
||||
padding-top: 1px;
|
||||
border-top-width: 0;
|
||||
background-color: transparent;
|
||||
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.125), transparent 4px);
|
||||
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.125), transparent 4px);
|
||||
}
|
||||
.entity-meta .seven-details[open] + .seven-details[open] {
|
||||
padding-top: 0;
|
||||
border-top-width: 1px;
|
||||
background-image: none;
|
||||
}
|
||||
.entity-meta .seven-details > .seven-details__wrapper {
|
||||
padding-top: 0;
|
||||
}
|
||||
.entity-meta .seven-details > summary {
|
||||
padding: 0.85em 1.25em;
|
||||
text-shadow: 0 1px 0 white;
|
||||
}
|
||||
|
||||
/**
|
||||
* Hide JS summary from the details polyfill to make it consistent with native
|
||||
* details elements.
|
||||
*
|
||||
* @todo Consider removing this after https://www.drupal.org/node/2493957 has
|
||||
* been solved.
|
||||
*/
|
||||
.entity-meta .seven-details .summary {
|
||||
display: none;
|
||||
}
|
||||
@@ -0,0 +1,28 @@
|
||||
/* Field UI */
|
||||
#field-display-overview input.field-plugin-settings-edit {
|
||||
margin: 0;
|
||||
padding: 1px 8px;
|
||||
}
|
||||
#field-display-overview tr.field-plugin-settings-changed {
|
||||
background: #ffb;
|
||||
}
|
||||
#field-display-overview tr.drag {
|
||||
background: #fe7;
|
||||
}
|
||||
#field-display-overview tr.field-plugin-settings-editing {
|
||||
background: #d5e9f2;
|
||||
}
|
||||
#field-display-overview .field-plugin-settings-edit-form .form-item {
|
||||
margin: 10px 0;
|
||||
}
|
||||
#field-display-overview .field-plugin-settings-edit-form .form-submit {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
#field-display-overview .form-item-fields-field-image-settings-edit-form-settings-image-style .description {
|
||||
display: inline-block;
|
||||
margin-left: 1em; /* LTR */
|
||||
}
|
||||
[dir="rtl"] #field-display-overview .form-item-fields-field-image-settings-edit-form-settings-image-style .description {
|
||||
margin-right: 1em;
|
||||
margin-left: 0;
|
||||
}
|
||||
@@ -0,0 +1,333 @@
|
||||
/**
|
||||
* Form elements.
|
||||
*/
|
||||
form {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
fieldset:not(.fieldgroup) {
|
||||
position: relative;
|
||||
min-width: 0;
|
||||
margin: 1em 0;
|
||||
padding: 30px 18px 18px;
|
||||
border-radius: 2px;
|
||||
background-color: #fcfcfa;
|
||||
}
|
||||
fieldset:not(.fieldgroup) > legend {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
letter-spacing: 0.08em;
|
||||
text-transform: uppercase;
|
||||
font-size: 1em;
|
||||
font-weight: bold;
|
||||
}
|
||||
.fieldgroup {
|
||||
min-width: 0;
|
||||
}
|
||||
.form-item {
|
||||
margin: 0.75em 0;
|
||||
}
|
||||
/**
|
||||
* When a table row has a single form item, prevent it from adding unnecessary
|
||||
* extra spacing. If it has multiple form items, allow spacing between them,
|
||||
* overriding Classy.
|
||||
*/
|
||||
tr.odd .form-item,
|
||||
tr.even .form-item {
|
||||
margin-top: 0.75em;
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
td > .form-item:only-child {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.form-type-checkbox {
|
||||
padding: 0;
|
||||
}
|
||||
label {
|
||||
display: table;
|
||||
margin: 0 0 0.1em;
|
||||
padding: 0;
|
||||
font-weight: bold;
|
||||
}
|
||||
label.error {
|
||||
color: #a51b00;
|
||||
}
|
||||
label[for] {
|
||||
cursor: pointer;
|
||||
}
|
||||
.form-item label.option {
|
||||
text-transform: none;
|
||||
}
|
||||
.form-item label.option input {
|
||||
vertical-align: middle;
|
||||
}
|
||||
.form-disabled label {
|
||||
color: #686868;
|
||||
}
|
||||
.form-disabled input.form-date,
|
||||
.form-disabled input.form-text,
|
||||
.form-disabled input.form-tel,
|
||||
.form-disabled input.form-time,
|
||||
.form-disabled input.form-email,
|
||||
.form-disabled input.form-url,
|
||||
.form-disabled input.form-search,
|
||||
.form-disabled input.form-number,
|
||||
.form-disabled input.form-color,
|
||||
.form-disabled input.form-file,
|
||||
.form-disabled textarea.form-textarea,
|
||||
.form-disabled select.form-select {
|
||||
border-color: #d4d4d4;
|
||||
background-color: hsla(0, 0%, 0%, 0.08);
|
||||
box-shadow: none;
|
||||
}
|
||||
.form-item input.error,
|
||||
.form-item textarea.error,
|
||||
.form-item select.error {
|
||||
color: #a51b00;
|
||||
border-width: 1px;
|
||||
border-color: #e62600;
|
||||
background-color: hsla(15, 75%, 97%, 1);
|
||||
box-shadow: inset 0 5px 5px -5px #b8b8b8;
|
||||
}
|
||||
.form-item textarea.error + .cke {
|
||||
border-width: 1px;
|
||||
border-color: #e62600;
|
||||
}
|
||||
.form-item input.error:focus,
|
||||
.form-item textarea.error:focus,
|
||||
.form-item select.error:focus {
|
||||
border-color: #e62600;
|
||||
outline: 0;
|
||||
background-color: #fcf4f2;
|
||||
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 8px 1px #e62600;
|
||||
}
|
||||
.form-required:after {
|
||||
width: 7px;
|
||||
height: 7px;
|
||||
background-size: 7px 7px;
|
||||
}
|
||||
.form-item--error-message {
|
||||
margin-top: 0.15em;
|
||||
color: #e32700;
|
||||
}
|
||||
.fieldset-wrapper > .form-item--error-message {
|
||||
margin-top: 0;
|
||||
}
|
||||
.text-format-wrapper .form-item--error-message {
|
||||
margin: 0;
|
||||
padding: 0.25em 0.666em 0;
|
||||
border: solid #ccc;
|
||||
border-width: 0 1px;
|
||||
}
|
||||
|
||||
/* Filter */
|
||||
ul.tips,
|
||||
div.description,
|
||||
.form-item .description {
|
||||
margin: 0.2em 0 0 0;
|
||||
color: #595959;
|
||||
font-size: 0.95em;
|
||||
}
|
||||
.form-item .description.error {
|
||||
margin-top: 0;
|
||||
color: #a51b00;
|
||||
}
|
||||
|
||||
ul.tips li {
|
||||
margin: 0.25em 0 0.25em 1.5em; /* LTR */
|
||||
}
|
||||
[dir="rtl"] ul.tips li {
|
||||
margin: 0.25em 1.5em 0.25em 0;
|
||||
}
|
||||
.form-type-radio .description,
|
||||
.form-type-checkbox .description {
|
||||
margin-left: 1.5em; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .form-type-radio .description,
|
||||
[dir="rtl"] .form-type-checkbox .description {
|
||||
margin-right: 1.5em;
|
||||
margin-left: 0;
|
||||
}
|
||||
.form-text,
|
||||
.form-textarea {
|
||||
border-radius: 2px;
|
||||
font-size: 1em;
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
input.form-autocomplete,
|
||||
input.form-text,
|
||||
input.form-tel,
|
||||
input.form-email,
|
||||
input.form-url,
|
||||
input.form-search,
|
||||
input.form-number,
|
||||
input.form-color,
|
||||
input.form-file,
|
||||
input.form-date,
|
||||
input.form-time,
|
||||
textarea.form-textarea {
|
||||
box-sizing: border-box;
|
||||
max-width: 100%;
|
||||
padding: 0.3em 0.4em 0.3em 0.5em; /* LTR */
|
||||
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
|
||||
transition: border linear 0.2s, box-shadow linear 0.2s;
|
||||
color: #595959;
|
||||
border: 1px solid #b8b8b8;
|
||||
border-top-color: #999;
|
||||
border-radius: 2px;
|
||||
background: #fcfcfa;
|
||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125);
|
||||
font-size: 1em;
|
||||
}
|
||||
[dir="rtl"] textarea.form-textarea {
|
||||
padding: 0.3em 0.5em 0.3em 0.4em;
|
||||
}
|
||||
.form-text:focus,
|
||||
.form-tel:focus,
|
||||
.form-email:focus,
|
||||
.form-url:focus,
|
||||
.form-search:focus,
|
||||
.form-number:focus,
|
||||
.form-color:focus,
|
||||
.form-file:focus,
|
||||
.form-textarea:focus,
|
||||
.form-date:focus,
|
||||
.form-time:focus {
|
||||
border-color: #40b6ff;
|
||||
outline: 0;
|
||||
background-color: #fff;
|
||||
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 8px #40b6ff;
|
||||
}
|
||||
|
||||
.confirm-parent,
|
||||
.password-parent {
|
||||
overflow: visible;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.form-item-options-group-info-identifier,
|
||||
.form-item-pass .description {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
/**
|
||||
* Limits extra long instances of select elements to the max width allowed
|
||||
* to avoid breaking layouts.
|
||||
*/
|
||||
select {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
/**
|
||||
* Select elements - Webkit only
|
||||
*/
|
||||
@media screen and (-webkit-min-device-pixel-ratio: 0) {
|
||||
select {
|
||||
padding: 1px 1.571em 1px 0.5em; /* LTR */
|
||||
cursor: pointer;
|
||||
-webkit-transition: all 0.1s;
|
||||
transition: all 0.1s;
|
||||
border: 1px solid #a6a6a6;
|
||||
border-radius: 0.143em;
|
||||
background:
|
||||
url(../../../../misc/icons/333333/caret-down.svg) no-repeat 99% 63%,
|
||||
-webkit-linear-gradient(top, #f6f6f3, #e7e7df); /* LTR */
|
||||
|
||||
text-shadow: 0 1px hsla(0, 0%, 100%, 0.6);
|
||||
font-size: 0.875rem;
|
||||
-webkit-appearance: none;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
[dir="rtl"] select {
|
||||
padding: 1px 0.714em 1px 1.571em;
|
||||
background-position: 1% 63%, 0 0;
|
||||
}
|
||||
select:focus,
|
||||
select:hover {
|
||||
color: #1a1a1a;
|
||||
background-image:
|
||||
url(../../../../misc/icons/333333/caret-down.svg),
|
||||
-webkit-linear-gradient(top, #fcfcfa, #e9e9dd);
|
||||
}
|
||||
select:hover {
|
||||
box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.125);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Improve spacing of cancel link.
|
||||
*/
|
||||
#edit-cancel {
|
||||
margin-left: 10px; /* LTR */
|
||||
}
|
||||
[dir="rtl"] #edit-cancel {
|
||||
margin-right: 10px;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Improve form element usability on narrow devices.
|
||||
*/
|
||||
@media screen and (max-width: 600px) {
|
||||
input.form-autocomplete,
|
||||
input.form-text,
|
||||
input.form-tel,
|
||||
input.form-email,
|
||||
input.form-url,
|
||||
input.form-search,
|
||||
input.form-number,
|
||||
input.form-color,
|
||||
input.form-file,
|
||||
textarea.form-textarea {
|
||||
width: 100%;
|
||||
font-size: 1.2em;
|
||||
line-height: 1.2em;
|
||||
}
|
||||
input.form-number {
|
||||
width: auto;
|
||||
}
|
||||
.form-actions input,
|
||||
.form-wrapper input[type="submit"] {
|
||||
float: none;
|
||||
width: 100%;
|
||||
margin-top: 10px;
|
||||
margin-right: 0;
|
||||
margin-left: 0;
|
||||
padding-bottom: 6px;
|
||||
}
|
||||
.form-actions input:first-child,
|
||||
.form-wrapper input[type="submit"]:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
details summary {
|
||||
overflow: hidden;
|
||||
box-sizing: border-box;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.password-strength {
|
||||
width: 100%;
|
||||
}
|
||||
div.form-item div.password-suggestions {
|
||||
float: none;
|
||||
}
|
||||
#dblog-filter-form .form-actions {
|
||||
float: none;
|
||||
padding: 0;
|
||||
}
|
||||
#edit-cancel {
|
||||
display: block;
|
||||
margin: 10px 0 0 0;
|
||||
}
|
||||
select {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
/* Exceptions */
|
||||
#diff-inline-form select,
|
||||
div.filter-options select {
|
||||
padding: 0;
|
||||
}
|
||||
@@ -0,0 +1,8 @@
|
||||
/**
|
||||
* @file
|
||||
* Seven styles for the help component.
|
||||
*/
|
||||
|
||||
.help p {
|
||||
margin: 0 0 10px;
|
||||
}
|
||||
@@ -0,0 +1,445 @@
|
||||
/**
|
||||
* @file
|
||||
* Seven styles for jQuery UI.
|
||||
* Overrides /core/assets/vendor/jquery.ui/themes/base/theme.css.
|
||||
*/
|
||||
|
||||
/**
|
||||
* Component containers
|
||||
*/
|
||||
.ui-widget {
|
||||
background: none;
|
||||
}
|
||||
.ui-widget-content {
|
||||
border: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Interaction states
|
||||
*/
|
||||
.ui-state-default,
|
||||
.ui-state-hover,
|
||||
.ui-state-focus,
|
||||
.ui-state-active {
|
||||
outline: 0;
|
||||
}
|
||||
.ui-state-highlight {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/**
|
||||
* Interaction cues
|
||||
*/
|
||||
.ui-state-active,
|
||||
.ui-widget-content .ui-state-active {
|
||||
color: #840;
|
||||
}
|
||||
.ui-state-error,
|
||||
.ui-widget-content .ui-state-error {
|
||||
color: #fff;
|
||||
border-color: #d52;
|
||||
background: #e63;
|
||||
}
|
||||
.ui-state-disabled,
|
||||
.ui-widget-content .ui-state-disabled {
|
||||
opacity: 0.35;
|
||||
filter: alpha(Opacity=35);
|
||||
}
|
||||
.ui-priority-secondary,
|
||||
.ui-widget-content .ui-priority-secondary {
|
||||
opacity: 0.7;
|
||||
filter: alpha(Opacity=70);
|
||||
}
|
||||
|
||||
/**
|
||||
* Icons
|
||||
*/
|
||||
/* states and images */
|
||||
.ui-icon {
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
text-indent: -99999px;
|
||||
background-image: url(../../../images/ui-icons-222222-256x240.png);
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.ui-widget-content .ui-icon,
|
||||
.ui-widget-header .ui-icon {
|
||||
background-image: url(../../../images/ui-icons-222222-256x240.png);
|
||||
}
|
||||
.ui-state-default .ui-icon {
|
||||
background-image: url(../../../images/ui-icons-888888-256x240.png);
|
||||
}
|
||||
.ui-state-hover .ui-icon,
|
||||
.ui-state-focus .ui-icon,
|
||||
.ui-state-highlight .ui-icon {
|
||||
background-image: url(../../../images/ui-icons-454545-256x240.png);
|
||||
}
|
||||
.ui-state-active .ui-icon {
|
||||
background-image: url(../../../images/ui-icons-800000-256x240.png);
|
||||
}
|
||||
.ui-state-error .ui-icon,
|
||||
.ui-state-error-text .ui-icon {
|
||||
background-image: url(../../../images/ui-icons-ffffff-256x240.png);
|
||||
}
|
||||
.ui-widget p .ui-icon {
|
||||
margin: 2px 3px 0 0; /* LTR */
|
||||
}
|
||||
|
||||
[dir="rtl"] .ui-widget p .ui-icon {
|
||||
margin: 2px 0 0 3px;
|
||||
}
|
||||
/* positioning */
|
||||
.ui-icon-carat-1-ne { background-position: -16px 0; }
|
||||
.ui-icon-carat-1-e { background-position: -32px 0; }
|
||||
.ui-icon-carat-1-se { background-position: -48px 0; }
|
||||
.ui-icon-carat-1-s { background-position: -64px 0; }
|
||||
.ui-icon-carat-1-sw { background-position: -80px 0; }
|
||||
.ui-icon-carat-1-w { background-position: -96px 0; }
|
||||
.ui-icon-carat-1-nw { background-position: -112px 0; }
|
||||
.ui-icon-carat-2-n-s { background-position: -128px 0; }
|
||||
.ui-icon-carat-2-e-w { background-position: -144px 0; }
|
||||
.ui-icon-triangle-1-n { background-position: 0 -16px; }
|
||||
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
|
||||
.ui-icon-triangle-1-e { background-position: -32px -16px; }
|
||||
.ui-icon-triangle-1-se { background-position: -48px -16px; }
|
||||
.ui-icon-triangle-1-s { background-position: -64px -16px; }
|
||||
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
|
||||
.ui-icon-triangle-1-w { background-position: -96px -16px; }
|
||||
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
|
||||
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
|
||||
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
|
||||
.ui-icon-arrow-1-n { background-position: 0 -32px; }
|
||||
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
|
||||
.ui-icon-arrow-1-e { background-position: -32px -32px; }
|
||||
.ui-icon-arrow-1-se { background-position: -48px -32px; }
|
||||
.ui-icon-arrow-1-s { background-position: -64px -32px; }
|
||||
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
|
||||
.ui-icon-arrow-1-w { background-position: -96px -32px; }
|
||||
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
|
||||
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
|
||||
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
|
||||
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
|
||||
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
|
||||
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
|
||||
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
|
||||
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
|
||||
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
|
||||
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
|
||||
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
|
||||
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
|
||||
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
|
||||
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
|
||||
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
|
||||
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
|
||||
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
|
||||
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
|
||||
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
|
||||
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
|
||||
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
|
||||
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
|
||||
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
|
||||
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
|
||||
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
|
||||
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
|
||||
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
|
||||
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
|
||||
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
|
||||
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
|
||||
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
|
||||
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
|
||||
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
|
||||
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
|
||||
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
|
||||
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
|
||||
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
|
||||
.ui-icon-arrow-4 { background-position: 0 -80px; }
|
||||
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
|
||||
.ui-icon-extlink { background-position: -32px -80px; }
|
||||
.ui-icon-newwin { background-position: -48px -80px; }
|
||||
.ui-icon-refresh { background-position: -64px -80px; }
|
||||
.ui-icon-shuffle { background-position: -80px -80px; }
|
||||
.ui-icon-transfer-e-w { background-position: -96px -80px; }
|
||||
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
|
||||
.ui-icon-folder-collapsed { background-position: 0 -96px; }
|
||||
.ui-icon-folder-open { background-position: -16px -96px; }
|
||||
.ui-icon-document { background-position: -32px -96px; }
|
||||
.ui-icon-document-b { background-position: -48px -96px; }
|
||||
.ui-icon-note { background-position: -64px -96px; }
|
||||
.ui-icon-mail-closed { background-position: -80px -96px; }
|
||||
.ui-icon-mail-open { background-position: -96px -96px; }
|
||||
.ui-icon-suitcase { background-position: -112px -96px; }
|
||||
.ui-icon-comment { background-position: -128px -96px; }
|
||||
.ui-icon-person { background-position: -144px -96px; }
|
||||
.ui-icon-print { background-position: -160px -96px; }
|
||||
.ui-icon-trash { background-position: -176px -96px; }
|
||||
.ui-icon-locked { background-position: -192px -96px; }
|
||||
.ui-icon-unlocked { background-position: -208px -96px; }
|
||||
.ui-icon-bookmark { background-position: -224px -96px; }
|
||||
.ui-icon-tag { background-position: -240px -96px; }
|
||||
.ui-icon-home { background-position: 0 -112px; }
|
||||
.ui-icon-flag { background-position: -16px -112px; }
|
||||
.ui-icon-calendar { background-position: -32px -112px; }
|
||||
.ui-icon-cart { background-position: -48px -112px; }
|
||||
.ui-icon-pencil { background-position: -64px -112px; }
|
||||
.ui-icon-clock { background-position: -80px -112px; }
|
||||
.ui-icon-disk { background-position: -96px -112px; }
|
||||
.ui-icon-calculator { background-position: -112px -112px; }
|
||||
.ui-icon-zoomin { background-position: -128px -112px; }
|
||||
.ui-icon-zoomout { background-position: -144px -112px; }
|
||||
.ui-icon-search { background-position: -160px -112px; }
|
||||
.ui-icon-wrench { background-position: -176px -112px; }
|
||||
.ui-icon-gear { background-position: -192px -112px; }
|
||||
.ui-icon-heart { background-position: -208px -112px; }
|
||||
.ui-icon-star { background-position: -224px -112px; }
|
||||
.ui-icon-link { background-position: -240px -112px; }
|
||||
.ui-icon-cancel { background-position: 0 -128px; }
|
||||
.ui-icon-plus { background-position: -16px -128px; }
|
||||
.ui-icon-plusthick { background-position: -32px -128px; }
|
||||
.ui-icon-minus { background-position: -48px -128px; }
|
||||
.ui-icon-minusthick { background-position: -64px -128px; }
|
||||
.ui-icon-close { background-position: -80px -128px; }
|
||||
.ui-icon-closethick { background-position: -96px -128px; }
|
||||
.ui-icon-key { background-position: -112px -128px; }
|
||||
.ui-icon-lightbulb { background-position: -128px -128px; }
|
||||
.ui-icon-scissors { background-position: -144px -128px; }
|
||||
.ui-icon-clipboard { background-position: -160px -128px; }
|
||||
.ui-icon-copy { background-position: -176px -128px; }
|
||||
.ui-icon-contact { background-position: -192px -128px; }
|
||||
.ui-icon-image { background-position: -208px -128px; }
|
||||
.ui-icon-video { background-position: -224px -128px; }
|
||||
.ui-icon-script { background-position: -240px -128px; }
|
||||
.ui-icon-alert { background-position: 0 -144px; }
|
||||
.ui-icon-info { background-position: -16px -144px; }
|
||||
.ui-icon-notice { background-position: -32px -144px; }
|
||||
.ui-icon-help { background-position: -48px -144px; }
|
||||
.ui-icon-check { background-position: -64px -144px; }
|
||||
.ui-icon-bullet { background-position: -80px -144px; }
|
||||
.ui-icon-radio-off { background-position: -96px -144px; }
|
||||
.ui-icon-radio-on { background-position: -112px -144px; }
|
||||
.ui-icon-pin-w { background-position: -128px -144px; }
|
||||
.ui-icon-pin-s { background-position: -144px -144px; }
|
||||
.ui-icon-play { background-position: 0 -160px; }
|
||||
.ui-icon-pause { background-position: -16px -160px; }
|
||||
.ui-icon-seek-next { background-position: -32px -160px; }
|
||||
.ui-icon-seek-prev { background-position: -48px -160px; }
|
||||
.ui-icon-seek-end { background-position: -64px -160px; }
|
||||
.ui-icon-seek-first { background-position: -80px -160px; }
|
||||
.ui-icon-stop { background-position: -96px -160px; }
|
||||
.ui-icon-eject { background-position: -112px -160px; }
|
||||
.ui-icon-volume-off { background-position: -128px -160px; }
|
||||
.ui-icon-volume-on { background-position: -144px -160px; }
|
||||
.ui-icon-power { background-position: 0 -176px; }
|
||||
.ui-icon-signal-diag { background-position: -16px -176px; }
|
||||
.ui-icon-signal { background-position: -32px -176px; }
|
||||
.ui-icon-battery-0 { background-position: -48px -176px; }
|
||||
.ui-icon-battery-1 { background-position: -64px -176px; }
|
||||
.ui-icon-battery-2 { background-position: -80px -176px; }
|
||||
.ui-icon-battery-3 { background-position: -96px -176px; }
|
||||
.ui-icon-circle-plus { background-position: 0 -192px; }
|
||||
.ui-icon-circle-minus { background-position: -16px -192px; }
|
||||
.ui-icon-circle-close { background-position: -32px -192px; }
|
||||
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
|
||||
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
|
||||
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
|
||||
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
|
||||
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
|
||||
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
|
||||
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
|
||||
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
|
||||
.ui-icon-circle-zoomin { background-position: -176px -192px; }
|
||||
.ui-icon-circle-zoomout { background-position: -192px -192px; }
|
||||
.ui-icon-circle-check { background-position: -208px -192px; }
|
||||
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
|
||||
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
|
||||
.ui-icon-circlesmall-close { background-position: -32px -208px; }
|
||||
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
|
||||
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
|
||||
.ui-icon-squaresmall-close { background-position: -80px -208px; }
|
||||
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
|
||||
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
|
||||
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
|
||||
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
|
||||
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
|
||||
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
|
||||
.ui-icon-carat-1-n { background-position: 0 0; }
|
||||
|
||||
/**
|
||||
* Accordion
|
||||
*/
|
||||
.ui-accordion {
|
||||
border: none;
|
||||
}
|
||||
.ui-accordion .ui-accordion-header {
|
||||
text-transform: uppercase;
|
||||
border: solid 1px #ccc;
|
||||
}
|
||||
.ui-accordion h3.ui-accordion-header,
|
||||
#block-system-main h3.ui-accordion-header {
|
||||
margin: 10px 0;
|
||||
font-size: 1.1em;
|
||||
}
|
||||
#block-system-main .ui-accordion h3.ui-state-active,
|
||||
.ui-accordion h3.ui-state-active {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.ui-accordion .ui-accordion-header a {
|
||||
display: block;
|
||||
}
|
||||
.ui-accordion .ui-accordion-content {
|
||||
padding: 1em 2.2em;
|
||||
border: solid 1px #ccc;
|
||||
border-top: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Tabs
|
||||
*/
|
||||
.ui-tabs {
|
||||
padding: 0;
|
||||
}
|
||||
.ui-tabs .ui-tabs-nav {
|
||||
margin: 0;
|
||||
padding: 5px 10px 4px;
|
||||
border-bottom: solid 1px #ccc;
|
||||
border-bottom-right-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
line-height: 20px;
|
||||
}
|
||||
.ui-tabs .ui-tabs-nav li {
|
||||
margin: 0;
|
||||
padding: 0 1em 0 10px; /* LTR */
|
||||
list-style: none;
|
||||
}
|
||||
[dir="rtl"] .ui-tabs .ui-tabs-nav li {
|
||||
padding: 0 10px 0 1em;
|
||||
}
|
||||
.ui-tabs .ui-tabs-nav li a {
|
||||
float: none;
|
||||
padding: 0 10px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
|
||||
color: #fff;
|
||||
background: #666;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
/**
|
||||
* Overlays
|
||||
*/
|
||||
.ui-widget-overlay {
|
||||
opacity: 0.7;
|
||||
filter: alpha(Opacity=70);
|
||||
background: #000;
|
||||
}
|
||||
|
||||
/**
|
||||
* Slider
|
||||
*/
|
||||
.ui-slider {
|
||||
border: solid 1px #ccc;
|
||||
}
|
||||
.ui-slider .ui-slider-range {
|
||||
background: #e4e4e4;
|
||||
}
|
||||
.ui-slider .ui-slider-handle {
|
||||
border: 1px solid #e4e4e4;
|
||||
border-right-color: #d2d2d2;
|
||||
border-bottom: 1px solid #b4b4b4;
|
||||
border-left-color: #d2d2d2;
|
||||
border-radius: 4px;
|
||||
background-color: #e4e4e4;
|
||||
}
|
||||
.ui-slider a.ui-state-active,
|
||||
.ui-slider .ui-slider-handle:active {
|
||||
color: #fff;
|
||||
border: solid 1px #555;
|
||||
background: #666;
|
||||
}
|
||||
|
||||
/**
|
||||
* Progress Bar
|
||||
*/
|
||||
.ui-progressbar {
|
||||
height: 1.4em;
|
||||
background: #e4e4e4;
|
||||
}
|
||||
.ui-progressbar .ui-progressbar-value {
|
||||
height: 1.5em;
|
||||
background: #0072b9 url(../../../../../misc/progress.gif);
|
||||
}
|
||||
|
||||
/**
|
||||
* Date Picker
|
||||
*/
|
||||
.ui-datepicker {
|
||||
/* Override datepicker.css */
|
||||
padding: 0;
|
||||
border: 1px solid #a6a6a6;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
/* Override tables.css */
|
||||
.ui-datepicker-calendar thead tr {
|
||||
border-top: 1px solid #a6a6a6;
|
||||
border-bottom: 1px solid #a6a6a6;
|
||||
}
|
||||
.ui-datepicker-calendar tr:hover {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
/* Override datepicker.css */
|
||||
.ui-datepicker td {
|
||||
padding: 0;
|
||||
}
|
||||
.ui-datepicker td span,
|
||||
.ui-datepicker td a {
|
||||
/* Override datepicker.css */
|
||||
text-align: center;
|
||||
color: inherit;
|
||||
}
|
||||
.ui-datepicker .ui-datepicker-header .ui-datepicker-next-hover {
|
||||
top: 2px;
|
||||
/* Override datepicker.css - keep icons still on hover */
|
||||
right: 2px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev-hover {
|
||||
top: 2px;
|
||||
/* Override datepicker.css - keep icons still on hover */
|
||||
left: 2px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.ui-datepicker td a.ui-state-hover {
|
||||
background-color: #f7fcff;
|
||||
}
|
||||
.ui-datepicker .ui-state-active {
|
||||
border: none;
|
||||
background: #ebeae4;
|
||||
}
|
||||
.ui-datepicker .ui-state-highlight {
|
||||
/* Override datepicker.css */
|
||||
color: inherit;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/**
|
||||
* Autocomplete
|
||||
*/
|
||||
.ui-autocomplete {
|
||||
border: 1px solid #ccc;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
/* Suggestion list */
|
||||
.ui-autocomplete .ui-menu-item.ui-state-focus,
|
||||
.autocomplete .ui-menu-item.ui-state-hover {
|
||||
margin: 0;
|
||||
background: #0072b9;
|
||||
}
|
||||
.ui-autocomplete .ui-state-focus a,
|
||||
.autocomplete .ui-state-hover a {
|
||||
color: #fff;
|
||||
}
|
||||
@@ -0,0 +1,4 @@
|
||||
.layout-builder-translation-warning {
|
||||
padding-left: 20px;
|
||||
background: left 2px url(../../../../misc/icons/e29700/warning.svg) no-repeat;
|
||||
}
|
||||
@@ -0,0 +1,3 @@
|
||||
.media-form .field--name-status {
|
||||
margin-top: 1.5em;
|
||||
}
|
||||
@@ -0,0 +1,41 @@
|
||||
/**
|
||||
* Menus and lists.
|
||||
*/
|
||||
.item-list ul {
|
||||
margin: 0.25em 0 0.25em 1.5em; /* LTR */
|
||||
list-style-type: disc;
|
||||
list-style-image: none;
|
||||
}
|
||||
[dir="rtl"] .item-list ul {
|
||||
margin: 0.25em 1.5em 0.25em 0;
|
||||
}
|
||||
.item-list ul li,
|
||||
.menu-item {
|
||||
list-style-type: disc;
|
||||
list-style-image: none;
|
||||
}
|
||||
.menu-item {
|
||||
margin: 0;
|
||||
}
|
||||
.item-list ul li.collapsed,
|
||||
.menu-item--collapsed {
|
||||
list-style-type: disc;
|
||||
list-style-image: url(../../../../misc/menu-collapsed.png);
|
||||
}
|
||||
.item-list ul li.expanded,
|
||||
.menu-item--expanded {
|
||||
list-style-type: circle;
|
||||
list-style-image: url(../../../../misc/menu-expanded.png);
|
||||
}
|
||||
ul.links li,
|
||||
ul.inline li {
|
||||
padding-right: 1em; /* LTR */
|
||||
}
|
||||
[dir="rtl"] ul.links li,
|
||||
[dir="rtl"] ul.inline li {
|
||||
padding-right: 0;
|
||||
padding-left: 1em;
|
||||
}
|
||||
ul.inline li {
|
||||
display: inline;
|
||||
}
|
||||
@@ -0,0 +1,26 @@
|
||||
/**
|
||||
* Messages.
|
||||
*/
|
||||
.messages {
|
||||
margin: 9px 0 10px 8px; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .messages {
|
||||
margin: 9px 8px 10px 0;
|
||||
}
|
||||
.messages pre {
|
||||
margin: 0;
|
||||
}
|
||||
.messages h1,
|
||||
.messages .heading-a,
|
||||
.messages h2,
|
||||
.messages .heading-b,
|
||||
.messages h3,
|
||||
.messages .heading-c,
|
||||
.messages h4,
|
||||
.messages .heading-d,
|
||||
.messages h5,
|
||||
.messages .heading-e,
|
||||
.messages h6,
|
||||
.messages .heading-f {
|
||||
margin-top: 0;
|
||||
}
|
||||
@@ -0,0 +1,49 @@
|
||||
/* Modules page */
|
||||
.system-modules fieldset {
|
||||
border: 0;
|
||||
border-top: 1px solid #ccc;
|
||||
}
|
||||
.system-modules .seven-details {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
background: none;
|
||||
}
|
||||
.system-modules .seven-details__summary {
|
||||
padding: 0.95em 0.5em;
|
||||
border-bottom: 1px solid #ccc;
|
||||
}
|
||||
.system-modules [open] .seven-details__summary {
|
||||
border-bottom: none;
|
||||
}
|
||||
.system-modules .seven-details__wrapper {
|
||||
padding: 0 0 0.5em 0;
|
||||
}
|
||||
.system-modules .fieldset-wrapper {
|
||||
padding: 0;
|
||||
}
|
||||
.system-modules table,
|
||||
.locale-translation-status-form table {
|
||||
border: 0;
|
||||
}
|
||||
.system-modules tr.even,
|
||||
.system-modules tr.odd,
|
||||
.locale-translation-status-form tr.even,
|
||||
.locale-translation-status-form tr.odd {
|
||||
border: 0;
|
||||
border-bottom: 10px solid #fff;
|
||||
background: #f3f4ee;
|
||||
}
|
||||
.system-modules tr td:last-child,
|
||||
.locale-translation-status-form tr td:last-child {
|
||||
border: 0;
|
||||
}
|
||||
.system-modules table th,
|
||||
.locale-translation-status-form table th {
|
||||
border: 0;
|
||||
border-bottom: 10px solid #fff;
|
||||
}
|
||||
.system-modules .sticky-header th,
|
||||
.locale-translation-status-form .sticky-header th {
|
||||
border: 0;
|
||||
}
|
||||
@@ -0,0 +1,3 @@
|
||||
.node__submitted {
|
||||
margin: 1em 0;
|
||||
}
|
||||
@@ -0,0 +1,8 @@
|
||||
/**
|
||||
* @file
|
||||
* Page title.
|
||||
*/
|
||||
.page-title {
|
||||
display: inline-block;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
@@ -0,0 +1,45 @@
|
||||
/**
|
||||
* @file
|
||||
* Styles for Seven's Pagination.
|
||||
*/
|
||||
.pager__items {
|
||||
margin: 0.25em 0 0.25em 1.5em; /* LTR */
|
||||
padding: 0;
|
||||
}
|
||||
[dir="rtl"] .pager__items {
|
||||
margin: 0.25em 1.5em 0.25em 0;
|
||||
}
|
||||
.pager__item {
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
padding: 0 0.4em;
|
||||
color: #757575;
|
||||
font-size: 1.08em;
|
||||
}
|
||||
.pager__item a {
|
||||
padding: 0 5px 2px;
|
||||
transition: border-bottom-color 0.2s;
|
||||
text-decoration: none;
|
||||
border-bottom: 2px solid transparent;
|
||||
font-weight: 600;
|
||||
line-height: 1.55em;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
.pager__item.is-active a {
|
||||
color: #2a678c;
|
||||
border-bottom-width: 3px;
|
||||
border-bottom-color: #2a678c;
|
||||
font-weight: 700;
|
||||
}
|
||||
.pager__item a:hover,
|
||||
.pager__item a:focus {
|
||||
color: #3395d2;
|
||||
border-bottom-color: #3395d2;
|
||||
}
|
||||
.pager__item--next a,
|
||||
.pager__item--last a,
|
||||
.pager__item--first a,
|
||||
.pager__item--previous a {
|
||||
color: #2a678c;
|
||||
border-bottom-width: 0;
|
||||
}
|
||||
@@ -0,0 +1,17 @@
|
||||
/**
|
||||
* @file
|
||||
* Panel styling. Panels are used to visually group items together.
|
||||
*/
|
||||
|
||||
.panel {
|
||||
margin: 0 0 20px;
|
||||
padding: 9px;
|
||||
border: 1px solid #ccc;
|
||||
background: #f8f8f8;
|
||||
}
|
||||
.panel__title {
|
||||
margin: 0;
|
||||
padding-bottom: 9px;
|
||||
text-transform: uppercase;
|
||||
font-size: 1em;
|
||||
}
|
||||
@@ -0,0 +1,63 @@
|
||||
/**
|
||||
* @file
|
||||
* Override Quick Edit's entity toolbar style on the Drupal front-end.
|
||||
*
|
||||
* I.e. loaded by Quick Edit on the front-end, despite this being a back-end theme.
|
||||
*/
|
||||
|
||||
/**
|
||||
* The Seven style guide prescribes softer corners.
|
||||
*/
|
||||
.quickedit-toolbar-container > .quickedit-toolbar-content,
|
||||
.quickedit-toolbar-container > .quickedit-toolbar-lining {
|
||||
border-radius: 4px;
|
||||
}
|
||||
.quickedit-button {
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
/**
|
||||
* Entity toolbar's "save" button must be styled like a Seven primary button.
|
||||
*/
|
||||
.quickedit-button.action-save,
|
||||
.quickedit-button.action-saving {
|
||||
margin-top: 2px;
|
||||
color: #fff;
|
||||
border-color: #1e5c90;
|
||||
background-image: -webkit-linear-gradient(top, #007bc6, #0071b8);
|
||||
background-image: linear-gradient(to bottom, #007bc6, #0071b8);
|
||||
text-shadow: 0 1px hsla(0, 0%, 0%, 0.5);
|
||||
font-weight: 700;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
.quickedit-button.action-save:hover,
|
||||
.quickedit-button.action-save:focus,
|
||||
.quickedit-button.action-saving:hover,
|
||||
.quickedit-button.action-saving:focus {
|
||||
color: #fff;
|
||||
border-color: #1e5c90;
|
||||
background-color: #2369a6;
|
||||
background-image: -webkit-linear-gradient(top, #0c97ed, #1f86c7);
|
||||
background-image: linear-gradient(to bottom, #0c97ed, #1f86c7);
|
||||
}
|
||||
.quickedit-button.action-save:hover,
|
||||
.quickedit-button.action-save:focus,
|
||||
.quickedit-button.action-saving:hover,
|
||||
.quickedit-button.action-saving:focus {
|
||||
box-shadow: 0 1px 2px hsla(203, 10%, 10%, 0.25);
|
||||
}
|
||||
.quickedit-button.action-save:active,
|
||||
.quickedit-button.action-saving:active {
|
||||
border-color: #144b78;
|
||||
background-image: -webkit-linear-gradient(top, #08639b, #0071b8);
|
||||
background-image: linear-gradient(to bottom, #08639b, #0071b8);
|
||||
box-shadow: inset 0 1px 3px hsla(0, 0%, 0%, 0.2);
|
||||
}
|
||||
|
||||
/**
|
||||
* The entity toolbar's "save" button's top margin shifts both buttons 2px down,
|
||||
* so we must compensate for that to achieve vertically centered positioning.
|
||||
*/
|
||||
.quickedit .icon-close:before {
|
||||
top: 8px;
|
||||
}
|
||||
@@ -0,0 +1,14 @@
|
||||
/**
|
||||
* @file
|
||||
* Styles for administration pages.
|
||||
*/
|
||||
|
||||
/**
|
||||
* Add search page select/submit.
|
||||
*/
|
||||
.search-admin-settings .container-inline {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
.search-admin-settings label[for="edit-search-type"] {
|
||||
display: block;
|
||||
}
|
||||
@@ -0,0 +1,25 @@
|
||||
/**
|
||||
* @file
|
||||
* Skip link
|
||||
*
|
||||
* Allows keyboard users to quickly skip to the main content of the page.
|
||||
*/
|
||||
|
||||
.skip-link {
|
||||
z-index: 50;
|
||||
left: 50%;
|
||||
padding: 1px 10px 2px;
|
||||
-webkit-transform: translateX(-50%);
|
||||
-ms-transform: translateX(-50%);
|
||||
transform: translateX(-50%);
|
||||
color: #fff;
|
||||
border-radius: 0 0 10px 10px;
|
||||
background: #444;
|
||||
font-size: 0.94em;
|
||||
}
|
||||
.skip-link:focus {
|
||||
text-decoration: none;
|
||||
}
|
||||
.skip-link.visually-hidden.focusable:focus {
|
||||
position: absolute !important;
|
||||
}
|
||||
@@ -0,0 +1,87 @@
|
||||
/**
|
||||
* @file
|
||||
* Styles for the system status counter component.
|
||||
*/
|
||||
|
||||
.system-status-counter {
|
||||
display: inline-block;
|
||||
overflow-y: hidden;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
white-space: nowrap;
|
||||
border: 1px solid #e6e4df;
|
||||
border-radius: 3px;
|
||||
background: #fcfcfa;
|
||||
}
|
||||
.system-status-counter__status-icon {
|
||||
display: inline-block;
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
vertical-align: middle;
|
||||
border-right: 1px solid #e6e4df; /* LTR */
|
||||
border-left: 0; /* LTR */
|
||||
background-color: #faf9f5;
|
||||
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
|
||||
}
|
||||
[dir="rtl"] .system-status-counter__status-icon {
|
||||
border-right: 0;
|
||||
border-left: 1px solid #e6e4df;
|
||||
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
|
||||
}
|
||||
.system-status-counter__status-icon:before {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
content: "";
|
||||
background-repeat: no-repeat;
|
||||
background-position: 50% center;
|
||||
background-size: 25px;
|
||||
}
|
||||
|
||||
.system-status-counter__status-icon--error:before {
|
||||
background-image: url(../../../stable/images/core/icons/e32700/error.svg);
|
||||
}
|
||||
.system-status-counter__status-icon--warning:before {
|
||||
background-image: url(../../../stable/images/core/icons/e29700/warning.svg);
|
||||
}
|
||||
.system-status-counter__status-icon--checked:before {
|
||||
background-image: url(../../../stable/images/core/icons/73b355/check.svg);
|
||||
}
|
||||
|
||||
.system-status-counter__status-title {
|
||||
display: inline-block;
|
||||
padding: 0 6px;
|
||||
vertical-align: middle;
|
||||
text-transform: uppercase;
|
||||
font-size: 1rem;
|
||||
font-weight: bold;
|
||||
line-height: 1em;
|
||||
}
|
||||
.system-status-counter__title-count {
|
||||
display: block;
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
.system-status-counter__details {
|
||||
display: block;
|
||||
text-transform: none;
|
||||
font-size: 12px;
|
||||
font-weight: normal;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 61em) {
|
||||
.system-status-counter__status-icon,
|
||||
.system-status-counter {
|
||||
height: 65px;
|
||||
}
|
||||
.system-status-counter__status-icon {
|
||||
width: 65px;
|
||||
}
|
||||
.system-status-counter__status-title {
|
||||
padding: 10px 3%;
|
||||
font-size: 16px;
|
||||
}
|
||||
.system-status-counter__status-icon:before {
|
||||
background-size: 35px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,26 @@
|
||||
/**
|
||||
* @file
|
||||
* Styles for the system status report counters.
|
||||
*/
|
||||
|
||||
.system-status-report-counters__item {
|
||||
width: 100%;
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 60em) {
|
||||
.system-status-report-counters__item {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.system-status-report-counters {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.system-status-report-counters__item--half-width {
|
||||
width: 49%;
|
||||
}
|
||||
.system-status-report-counters__item--third-width {
|
||||
width: 32%;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,161 @@
|
||||
/**
|
||||
* @file
|
||||
* Seven styles for the System Status general info.
|
||||
*/
|
||||
|
||||
.system-status-general-info {
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.system-status-general-info__header {
|
||||
overflow: hidden;
|
||||
margin: 0;
|
||||
padding: 10px;
|
||||
text-transform: uppercase;
|
||||
border-top-left-radius: 3px;
|
||||
border-top-right-radius: 3px;
|
||||
background-color: #f5f5f2;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.system-status-general-info__item {
|
||||
overflow-x: auto;
|
||||
box-sizing: border-box;
|
||||
padding: 10px 10px 20px;
|
||||
border-top: 1px solid #ccc;
|
||||
background: #fcfcfa;
|
||||
}
|
||||
|
||||
.system-status-general-info__item-icon {
|
||||
display: inline-block;
|
||||
width: 45px;
|
||||
height: 45px;
|
||||
vertical-align: top;
|
||||
}
|
||||
.system-status-general-info__item-icon:before {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
content: "";
|
||||
background-repeat: no-repeat;
|
||||
background-position: 50% center;
|
||||
background-size: 35px;
|
||||
}
|
||||
.system-status-general-info__item-icon--d8:before {
|
||||
background-image: url(../../images/icons/cccccc/d8-logo.svg);
|
||||
}
|
||||
.system-status-general-info__item-icon--clock:before {
|
||||
background-image: url(../../images/icons/cccccc/clock.svg);
|
||||
}
|
||||
.system-status-general-info__item-icon--server:before {
|
||||
background-image: url(../../images/icons/cccccc/server.svg);
|
||||
}
|
||||
.system-status-general-info__item-icon--php:before {
|
||||
background-image: url(../../images/icons/cccccc/php-logo.svg);
|
||||
background-size: 45px;
|
||||
}
|
||||
.system-status-general-info__item-icon--database:before {
|
||||
background-image: url(../../images/icons/cccccc/database.svg);
|
||||
background-size: 30px;
|
||||
}
|
||||
|
||||
.system-status-general-info__item-details {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
box-sizing: border-box;
|
||||
width: calc(100% - 60px);
|
||||
padding-left: 10px; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .system-status-general-info__item-details {
|
||||
padding-right: 10px;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.system-status-general-info__item-title {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.system-status-general-info__sub-item-title {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.system-status-general-info__sub-item__title {
|
||||
font-weight: bold;
|
||||
}
|
||||
.system-status-general-info__sub-item__value {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.system-status-general-info__run-cron {
|
||||
margin: 1em 0 0;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 48em) {
|
||||
.system-status-general-info__items {
|
||||
display: flex;
|
||||
overflow-x: hidden;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.system-status-general-info__item {
|
||||
flex: 1;
|
||||
flex-basis: 33%;
|
||||
width: 33%;
|
||||
}
|
||||
.system-status-general-info__item:nth-child(2) {
|
||||
flex: 2;
|
||||
flex-basis: 66%;
|
||||
}
|
||||
.system-status-general-info__item:nth-child(2),
|
||||
.system-status-general-info__item:nth-child(4),
|
||||
.system-status-general-info__item:nth-child(5) {
|
||||
border-left: 1px solid #ccc; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .system-status-general-info__item:nth-child(1),
|
||||
[dir="rtl"] .system-status-general-info__item:nth-child(3) {
|
||||
border-left: 1px solid #ccc;
|
||||
}
|
||||
[dir="rtl"] .system-status-general-info__item:nth-child(2),
|
||||
[dir="rtl"] .system-status-general-info__item:nth-child(5) {
|
||||
border-left: 0;
|
||||
}
|
||||
|
||||
.system-status-general-info__run-cron {
|
||||
margin: 15px 0 5px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 60em) {
|
||||
.system-status-general-info__item-icon {
|
||||
width: 55px;
|
||||
height: 55px;
|
||||
}
|
||||
.system-status-general-info__item-icon:before {
|
||||
background-size: 35px;
|
||||
}
|
||||
.system-status-general-info__item-icon--php:before {
|
||||
background-size: 55px;
|
||||
}
|
||||
|
||||
.system-status-general-info__run-cron {
|
||||
position: absolute;
|
||||
top: 1em;
|
||||
right: 1em; /* LTR */
|
||||
margin-top: 0;
|
||||
}
|
||||
[dir="rtl"] .system-status-general-info__run-cron {
|
||||
right: auto;
|
||||
left: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 48em) {
|
||||
.system-status-general-info__header {
|
||||
display: none;
|
||||
}
|
||||
.system-status-general-info {
|
||||
margin-top: 25px;
|
||||
border-top: 0;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,153 @@
|
||||
/**
|
||||
* @file
|
||||
* Seven styles for the System Status Report.
|
||||
*/
|
||||
|
||||
.system-status-report__requirements-group {
|
||||
padding-top: 20px;
|
||||
}
|
||||
.system-status-report__entry {
|
||||
overflow: auto;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
border-top: 1px solid #ccc;
|
||||
border-radius: 0;
|
||||
background-color: transparent;
|
||||
}
|
||||
.system-status-report__entry:last-of-type {
|
||||
border-bottom: 1px solid #bebfb9;
|
||||
}
|
||||
.system-status-report__entry--error {
|
||||
background-color: transparent;
|
||||
}
|
||||
.system-status-report__entry--warning {
|
||||
background-color: transparent;
|
||||
}
|
||||
/* Account for native and poly-filled details element */
|
||||
.system-status-report__status-title {
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
padding: 1em 1em 1em 3em; /* LTR */
|
||||
font-weight: bold;
|
||||
}
|
||||
.system-status-report__status-title .details-title {
|
||||
text-transform: none;
|
||||
color: inherit;
|
||||
}
|
||||
.system-status-report__status-title .details-title {
|
||||
padding-left: 3em; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .system-status-report__status-title .details-title {
|
||||
padding-right: 3em;
|
||||
padding-left: 0;
|
||||
}
|
||||
[dir="rtl"].details .system-status-report__status-title {
|
||||
padding: 1em 3em 1em 1em;
|
||||
}
|
||||
.collapse-processed > .system-status-report__status-title:before {
|
||||
float: right; /* LTR */
|
||||
}
|
||||
.system-status-report__status-title::-webkit-details-marker {
|
||||
float: right; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .collapse-processed > .system-status-report__status-title:before {
|
||||
float: left;
|
||||
}
|
||||
[dir="rtl"] .system-status-report__status-title::-webkit-details-marker {
|
||||
float: left;
|
||||
}
|
||||
|
||||
/* Make poly-filled details and summary elements behave correctly. */
|
||||
.system-status-report summary:first-child ~ * {
|
||||
display: none;
|
||||
}
|
||||
.system-status-report details[open] > *,
|
||||
.system-status-report details > summary:first-child {
|
||||
display: block;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.system-status-report__status-title .details-title:before,
|
||||
.details .system-status-report__status-icon:before {
|
||||
position: absolute;
|
||||
top: 1em;
|
||||
left: 10px; /* LTR */
|
||||
display: inline-block;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
margin-right: 10px; /* LTR */
|
||||
content: "";
|
||||
vertical-align: top;
|
||||
background-repeat: no-repeat;
|
||||
background-position: top center;
|
||||
background-size: contain;
|
||||
}
|
||||
[dir="rtl"] .system-status-report__status-title .details-title:before,
|
||||
[dir="rtl"].details .system-status-report__status-title:before {
|
||||
right: 10px;
|
||||
left: auto;
|
||||
margin-right: 0;
|
||||
}
|
||||
.system-status-report__status-icon--error .details-title:before,
|
||||
.details .system-status-report__status-icon--error:before {
|
||||
background-image: url(../../../stable/images/core/icons/e32700/error.svg);
|
||||
}
|
||||
.system-status-report__status-icon--warning .details-title:before,
|
||||
.details .system-status-report__status-icon--warning:before {
|
||||
background-image: url(../../../stable/images/core/icons/e29700/warning.svg);
|
||||
}
|
||||
|
||||
.system-status-report__entry__value {
|
||||
box-sizing: border-box;
|
||||
padding: 0 1em 1em 3em; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .system-status-report__entry__value {
|
||||
padding-right: 3em;
|
||||
padding-left: 1em;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 48em) {
|
||||
.system-status-report {
|
||||
word-wrap: break-word;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 48em) {
|
||||
.system-status-report__entry::after {
|
||||
display: table;
|
||||
clear: both;
|
||||
content: "";
|
||||
}
|
||||
.system-status-report__status-title {
|
||||
float: left; /* LTR */
|
||||
width: 18rem;
|
||||
cursor: default;
|
||||
}
|
||||
.system-status-report__status-title:hover,
|
||||
.system-status-report__status-title:focus {
|
||||
text-decoration: none;
|
||||
}
|
||||
[dir="rtl"] .system-status-report__status-title {
|
||||
float: right;
|
||||
}
|
||||
html.js .system-status-report__status-title::-webkit-details-marker {
|
||||
display: none;
|
||||
}
|
||||
.collapse-processed > .system-status-report__status-title:before {
|
||||
position: relative;
|
||||
top: 3px;
|
||||
}
|
||||
.system-status-report__entry__value {
|
||||
display: block;
|
||||
float: right;
|
||||
width: calc(100% - 23em);
|
||||
padding-top: 1em;
|
||||
padding-left: 0; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .system-status-report__entry__value {
|
||||
padding-right: 3em;
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,152 @@
|
||||
/**
|
||||
* @file
|
||||
* Seven styles for Tables.
|
||||
*/
|
||||
|
||||
table {
|
||||
width: 100%;
|
||||
margin: 0 0 10px;
|
||||
}
|
||||
caption {
|
||||
text-align: left; /* LTR */
|
||||
}
|
||||
[dir="rtl"] caption {
|
||||
text-align: right;
|
||||
}
|
||||
th {
|
||||
padding: 10px 12px;
|
||||
text-align: left; /* LTR */
|
||||
}
|
||||
[dir="rtl"] th {
|
||||
text-align: right;
|
||||
}
|
||||
thead th {
|
||||
text-transform: uppercase;
|
||||
color: #333;
|
||||
border: solid #bfbfba;
|
||||
border-width: 1px 0;
|
||||
background: #f5f5f2;
|
||||
}
|
||||
tr {
|
||||
padding: 0.1em 0.6em;
|
||||
border-bottom: 1px solid #e6e4df;
|
||||
}
|
||||
thead > tr {
|
||||
border-bottom: 1px solid #000;
|
||||
}
|
||||
tbody tr:hover,
|
||||
tbody tr:focus {
|
||||
background: #f7fcff;
|
||||
}
|
||||
/* See colors.css */
|
||||
tbody tr.color-warning:hover,
|
||||
tbody tr.color-warning:focus {
|
||||
background: #fdf8ed;
|
||||
}
|
||||
tbody tr.color-error:hover,
|
||||
tbody tr.color-error:focus {
|
||||
background: #fcf4f2;
|
||||
}
|
||||
|
||||
table.no-highlight tr.selected td {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
td,
|
||||
th {
|
||||
vertical-align: middle;
|
||||
}
|
||||
td {
|
||||
padding: 10px 12px;
|
||||
text-align: left; /* LTR */
|
||||
}
|
||||
[dir="rtl"] td {
|
||||
text-align: right;
|
||||
}
|
||||
th > a {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* 1. Must match negative bottom padding of the parent <th> */
|
||||
th > a:after {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: -10px; /* 1. */
|
||||
left: 0;
|
||||
display: block;
|
||||
content: "";
|
||||
-webkit-transition: all 0.1s;
|
||||
transition: all 0.1s;
|
||||
border-bottom: 2px solid transparent;
|
||||
}
|
||||
th.is-active > a {
|
||||
color: #004875;
|
||||
}
|
||||
th.is-active img {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 0; /* LTR */
|
||||
}
|
||||
[dir="rtl"] th.is-active img {
|
||||
right: auto;
|
||||
left: 0;
|
||||
}
|
||||
th.is-active > a:after {
|
||||
border-bottom-color: #004875;
|
||||
}
|
||||
th > a:hover,
|
||||
th > a:focus,
|
||||
th.is-active > a:hover,
|
||||
th.is-active > a:focus {
|
||||
text-decoration: none;
|
||||
color: #008ee6;
|
||||
}
|
||||
th > a:hover:after,
|
||||
th > a:focus:after,
|
||||
th.is-active > a:hover:after,
|
||||
th.is-active > a:focus:after {
|
||||
border-bottom-color: #008ee6;
|
||||
}
|
||||
td .item-list ul {
|
||||
margin: 0;
|
||||
}
|
||||
/* This is required to win over specificity of [dir="rtl"] .item-list ul */
|
||||
[dir="rtl"] td .item-list ul {
|
||||
margin: 0;
|
||||
}
|
||||
td.is-active {
|
||||
background: none;
|
||||
}
|
||||
|
||||
/* Force browsers to calculate the width of a 'select all' <th> element. */
|
||||
th.select-all {
|
||||
width: 1px;
|
||||
}
|
||||
|
||||
/**
|
||||
* Captions.
|
||||
*/
|
||||
.caption {
|
||||
margin-bottom: 1.2em;
|
||||
}
|
||||
|
||||
/**
|
||||
* Responsive tables.
|
||||
*/
|
||||
@media screen and (max-width: 37.5em) { /* 600px */
|
||||
th.priority-low,
|
||||
td.priority-low,
|
||||
th.priority-medium,
|
||||
td.priority-medium {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 60em) { /* 920px */
|
||||
th.priority-low,
|
||||
td.priority-low {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,26 @@
|
||||
/**
|
||||
* @file
|
||||
* Tablesort indicator styles.
|
||||
*/
|
||||
|
||||
.tablesort {
|
||||
float: right; /* LTR */
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
[dir="rtl"] .tablesort {
|
||||
float: left;
|
||||
}
|
||||
.tablesort--asc {
|
||||
background-image: url(../../../../misc/icons/004875/twistie-down.svg);
|
||||
}
|
||||
a:hover .tablesort--asc {
|
||||
background-image: url(../../../../misc/icons/008ee6/twistie-down.svg);
|
||||
}
|
||||
.tablesort--desc {
|
||||
background-image: url(../../../../misc/icons/004875/twistie-up.svg);
|
||||
}
|
||||
a:hover .tablesort--desc {
|
||||
background-image: url(../../../../misc/icons/008ee6/twistie-up.svg);
|
||||
}
|
||||
@@ -0,0 +1,355 @@
|
||||
/**
|
||||
* Tabs.
|
||||
*/
|
||||
.is-collapse-enabled .tabs,
|
||||
.is-horizontal .tabs {
|
||||
position: relative;
|
||||
}
|
||||
.is-collapse-enabled .tabs:before,
|
||||
.is-horizontal .tabs:before {
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
display: block;
|
||||
height: 1px;
|
||||
content: "";
|
||||
background-color: #a6a6a6;
|
||||
}
|
||||
|
||||
/* Span the full width of the viewport */
|
||||
.content-header .is-horizontal .tabs:before,
|
||||
.content-header .is-collapse-enabled .tabs:before {
|
||||
right: -2.5em;
|
||||
left: -2.5em;
|
||||
}
|
||||
|
||||
/**
|
||||
* Tab
|
||||
*
|
||||
* 1. Required by some elements such as <button>
|
||||
* 2. Fixed height needed to ensure alignment with absolutely-positioned
|
||||
* active tab.
|
||||
*/
|
||||
.tabs__tab {
|
||||
position: relative;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
box-sizing: border-box;
|
||||
width: 100%; /* 1 */
|
||||
margin: -1px 0 0;
|
||||
padding: 9px 2em 7px 1em; /* LTR */
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
color: #0074bd;
|
||||
border: 1px solid #bfbfbf;
|
||||
background-color: rgba(242, 242, 240, 0.7);
|
||||
}
|
||||
[dir="rtl"] .tabs__tab {
|
||||
padding-right: 1em;
|
||||
padding-left: 2em;
|
||||
}
|
||||
.tabs__tab:hover,
|
||||
.tabs__tab:focus {
|
||||
color: #008ee6;
|
||||
background-color: #fafaf7;
|
||||
}
|
||||
li.tabs__tab {
|
||||
display: block;
|
||||
padding: 0;
|
||||
}
|
||||
/* This is required to win over specificity of [dir="rtl"] .tabs__tab */
|
||||
[dir="rtl"] li.tabs__tab {
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
li.tabs__tab a {
|
||||
padding: 9px 2em 7px 1em; /* LTR */
|
||||
}
|
||||
[dir="rtl"] li.tabs__tab a {
|
||||
padding-right: 1em;
|
||||
padding-left: 2em;
|
||||
}
|
||||
.tabs a:hover,
|
||||
.tabs a:focus {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* Primary tabs */
|
||||
.tabs.primary {
|
||||
clear: both;
|
||||
margin: 16px 0 0;
|
||||
margin: 1rem 0 0;
|
||||
}
|
||||
.tabs.primary .tabs__tab.is-active {
|
||||
z-index: 15;
|
||||
color: #004f80;
|
||||
border-color: #a6a6a6;
|
||||
border-radius: 4px 0 0 0; /* LTR */
|
||||
background-color: #fff;
|
||||
}
|
||||
[dir="rtl"] .tabs.primary .tabs__tab.is-active {
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 4px;
|
||||
}
|
||||
.tabs.primary a {
|
||||
background: none;
|
||||
}
|
||||
.tabs.primary a:focus {
|
||||
text-decoration: underline;
|
||||
color: #008ee6;
|
||||
background-color: #fafaf7;
|
||||
}
|
||||
.tabs.primary .is-active a:focus {
|
||||
text-decoration: underline;
|
||||
background: none;
|
||||
}
|
||||
|
||||
/* Only add the arrow if there's space */
|
||||
@media screen and (min-width: 18.75em) { /* 300px */
|
||||
.tabs.primary a {
|
||||
background: url(../../../../misc/icons/0074bd/chevron-right.svg) 99% center no-repeat;
|
||||
}
|
||||
[dir="rtl"] .tabs.primary a {
|
||||
background: url(../../../../misc/icons/0074bd/chevron-left.svg) 1% center no-repeat;
|
||||
}
|
||||
.tabs.primary .tabs__tab.is-active a {
|
||||
background-image: none;
|
||||
}
|
||||
}
|
||||
.tabs__trigger {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* JS dependent styling */
|
||||
.is-collapse-enabled .tabs__trigger {
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
top: 2px;
|
||||
right: 0; /* LTR */
|
||||
left: auto; /* LTR */
|
||||
display: block;
|
||||
box-sizing: content-box;
|
||||
width: 25%;
|
||||
padding-right: 4px;
|
||||
padding-left: 4px;
|
||||
text-align: center;
|
||||
letter-spacing: 0.1em;
|
||||
border-left: 0; /* LTR */
|
||||
border-radius: 0 4px 0 0; /* LTR */
|
||||
outline: 0;
|
||||
font-family: Arial, sans-serif;
|
||||
font-size: 1.25em;
|
||||
}
|
||||
[dir="rtl"] .is-collapse-enabled .tabs__trigger {
|
||||
right: auto;
|
||||
left: 0;
|
||||
border-right: 0;
|
||||
border-left: 1px solid #bfbfbf;
|
||||
border-radius: 4px 0 0 0;
|
||||
}
|
||||
.is-collapse-enabled .tabs {
|
||||
max-height: 0;
|
||||
padding-top: 38px;
|
||||
}
|
||||
.tabs.is-open {
|
||||
max-height: 999em;
|
||||
padding-bottom: 16px;
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
.is-collapse-enabled .tabs__tab.is-active {
|
||||
position: absolute;
|
||||
top: 2px;
|
||||
left: 0; /* LTR */
|
||||
width: 75%;
|
||||
border-bottom: 0;
|
||||
}
|
||||
[dir="rtl"] .is-collapse-enabled .tabs__tab.is-active {
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
.is-collapse-enabled .tabs.primary a.is-active:before {
|
||||
content: none;
|
||||
}
|
||||
.is-open .tabs__tab.is-active {
|
||||
color: #004f80;
|
||||
border-color: #a6a6a6;
|
||||
border-bottom: 1px solid #a6a6a6;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
/* Styles for the horizontal state always take priority */
|
||||
.is-horizontal .tabs {
|
||||
overflow: visible;
|
||||
max-height: none !important;
|
||||
padding-top: 0 !important;
|
||||
}
|
||||
.is-horizontal .tabs__tab {
|
||||
float: left; /* LTR */
|
||||
width: auto;
|
||||
height: auto;
|
||||
margin: 0 0 -1px;
|
||||
text-align: center;
|
||||
border-bottom-color: #a6a6a6;
|
||||
}
|
||||
[dir="rtl"] .is-horizontal .tabs__tab {
|
||||
float: right;
|
||||
/* This is required to win over specificity of [dir="rtl"] .tabs > li */
|
||||
margin-left: 0;
|
||||
}
|
||||
.is-horizontal .tabs__tab + .tabs__tab {
|
||||
margin-left: -1px; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .is-horizontal .tabs__tab + .tabs__tab {
|
||||
margin-right: -1px;
|
||||
margin-left: 0;
|
||||
}
|
||||
.is-horizontal .tabs.primary .tabs__tab:first-child {
|
||||
border-radius: 4px 0 0 0; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .is-horizontal .tabs.primary .tabs__tab:first-child {
|
||||
border-radius: 0 4px 0 0;
|
||||
}
|
||||
.is-horizontal .tabs.primary .tabs__tab:last-child {
|
||||
border-radius: 0 4px 0 0; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .is-horizontal .tabs.primary .tabs__tab:last-child {
|
||||
border-radius: 4px 0 0 0;
|
||||
}
|
||||
|
||||
/* Override the states above */
|
||||
.is-horizontal .tabs__tab.is-active,
|
||||
.is-horizontal .tabs.primary .tabs__tab.is-active,
|
||||
[dir="rtl"] .is-horizontal .tabs.primary .tabs__tab.is-active {
|
||||
position: relative;
|
||||
top: 0;
|
||||
width: auto;
|
||||
margin: 0 -4px;
|
||||
border-bottom: 0;
|
||||
border-radius: 4px 4px 0 0;
|
||||
}
|
||||
.is-horizontal .tabs.primary a {
|
||||
padding: 7px 2em 7px 2em;
|
||||
background-image: none;
|
||||
}
|
||||
.is-horizontal .tabs__trigger {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Secondary tabs */
|
||||
.tabs.secondary {
|
||||
display: block;
|
||||
margin-top: 16px;
|
||||
margin-top: 1rem;
|
||||
}
|
||||
.tabs.secondary .tabs__tab {
|
||||
display: block;
|
||||
margin-left: -1px; /* LTR */
|
||||
padding: 5px 15px 5px 16px; /* LTR */
|
||||
-webkit-transition: border-color 0.2s, background-color 0.2s;
|
||||
transition: border-color 0.2s, background-color 0.2s;
|
||||
color: #0074bd;
|
||||
}
|
||||
[dir="rtl"] .tabs.secondary .tabs__tab {
|
||||
margin-right: -1px;
|
||||
margin-left: 0;
|
||||
padding-right: 16px;
|
||||
padding-left: 15px;
|
||||
}
|
||||
/* This is required to win over specificity of [dir="rtl"] .tabs.secondary .tabs__tab */
|
||||
[dir="rtl"] .views-displays .tabs.secondary li,
|
||||
[dir="rtl"] .views-displays .tabs.secondary li.is-active {
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
.tabs.secondary .tabs__tab + .tabs__tab {
|
||||
border-top: 1px solid #d9d8d4;
|
||||
}
|
||||
.tabs.secondary .tabs__tab.is-active {
|
||||
padding-left: 15px; /* LTR */
|
||||
color: #004f80;
|
||||
border-left: 2px solid #004f80; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .tabs.secondary .tabs__tab.is-active {
|
||||
padding-right: 15px;
|
||||
border-right: 2px solid #004f80;
|
||||
border-left: 1px solid #bfbfbf;
|
||||
}
|
||||
/* This is required to win over specificity of [dir="rtl"] .tabs.secondary .tabs__tab.is-active */
|
||||
[dir="rtl"] .views-displays .tabs.secondary li.is-active {
|
||||
padding-right: 0;
|
||||
border: 0 none;
|
||||
}
|
||||
.tabs.secondary .tabs__tab:hover,
|
||||
.tabs.secondary .tabs__tab:focus {
|
||||
padding-left: 15px; /* LTR */
|
||||
color: #008ee6;
|
||||
border-left: 2px solid #008ee6; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .tabs.secondary .tabs__tab:hover,
|
||||
[dir="rtl"] .tabs.secondary .tabs__tab:focus {
|
||||
padding-right: 15px;
|
||||
border-right: 2px solid #008ee6;
|
||||
border-left: 1px solid #bfbfbf;
|
||||
}
|
||||
/* This is required to win over specificity of [dir="rtl"] .tabs.secondary .tabs__tab:hover */
|
||||
[dir="rtl"] .views-displays .tabs li.tabs__tab:hover {
|
||||
padding-right: 0;
|
||||
border: 0 none;
|
||||
}
|
||||
.tabs.secondary a {
|
||||
padding: 7px 13px 5px;
|
||||
text-decoration: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
/* This is required to win over specificity of [dir="rtl"] li.tabs__tab a */
|
||||
[dir="rtl"] .tabs.secondary a {
|
||||
padding-right: 13px;
|
||||
padding-left: 13px;
|
||||
}
|
||||
/* This is required to win over specificity of [dir="rtl"] .tabs.secondary a */
|
||||
[dir="rtl"] .views-displays .tabs.secondary a {
|
||||
padding-right: 7px;
|
||||
padding-left: 7px;
|
||||
}
|
||||
.tabs.secondary .is-active a {
|
||||
color: #004f80;
|
||||
}
|
||||
.tabs.secondary a:focus {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
/* Styles for the horizontal state */
|
||||
.is-horizontal .tabs.secondary .tabs__tab {
|
||||
position: relative;
|
||||
z-index: 15;
|
||||
top: 0;
|
||||
float: left; /* LTR */
|
||||
margin-right: 1em;
|
||||
margin-left: 1em;
|
||||
padding: 0;
|
||||
border-top: 0;
|
||||
border-right-color: transparent; /* LTR */
|
||||
border-bottom: 2px solid transparent;
|
||||
border-left: 1px solid transparent; /* LTR */
|
||||
background: none;
|
||||
}
|
||||
/**
|
||||
* 1. This is required to win over specificity of
|
||||
* [dir="rtl"] .tabs.secondary .tabs__tab:hover,
|
||||
* [dir="rtl"] .tabs.secondary .tabs__tab:focus
|
||||
*/
|
||||
[dir="rtl"] .is-horizontal .tabs.secondary .tabs__tab {
|
||||
float: right;
|
||||
padding-right: 0; /* 1 */
|
||||
border-right: 1px solid transparent;
|
||||
border-left-color: transparent;
|
||||
}
|
||||
.is-horizontal .tabs.secondary .tabs__tab.is-active {
|
||||
border-bottom-color: #004f80;
|
||||
}
|
||||
.is-horizontal .tabs.secondary .tabs__tab:hover,
|
||||
.is-horizontal .tabs.secondary .tabs__tab:focus {
|
||||
border-bottom-color: #008ee6;
|
||||
}
|
||||
@@ -0,0 +1,103 @@
|
||||
/**
|
||||
* @file
|
||||
* Styles for Tour theme.
|
||||
*/
|
||||
|
||||
/* Default styles for the container */
|
||||
.joyride-tip-guide {
|
||||
color: #fff;
|
||||
border-radius: 5px;
|
||||
background: #000;
|
||||
background: rgba(0, 0, 0, 0.8);
|
||||
}
|
||||
|
||||
/* Mobile */
|
||||
@media only screen and (max-width: 767px) {
|
||||
.joyride-tip-guide {
|
||||
border-radius: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* Add a little css triangle pip, older browser just miss out on the fanciness of it. */
|
||||
.joyride-tip-guide .joyride-nub {
|
||||
border: solid 14px rgba(0, 0, 0, 0.8);
|
||||
}
|
||||
.joyride-tip-guide .joyride-nub.top {
|
||||
border-top-color: transparent;
|
||||
border-right-color: transparent;
|
||||
border-left-color: transparent;
|
||||
}
|
||||
.joyride-tip-guide .joyride-nub.bottom {
|
||||
border-right-color: transparent;
|
||||
border-bottom-color: transparent;
|
||||
border-left-color: transparent;
|
||||
}
|
||||
.joyride-tip-guide .joyride-nub.right {
|
||||
border-top-color: transparent;
|
||||
border-right-color: transparent; /* LTR */
|
||||
border-bottom-color: transparent;
|
||||
}
|
||||
[dir="rtl"] .joyride-tip-guide .joyride-nub.right {
|
||||
border-right-color: rgba(0, 0, 0, 0.8);
|
||||
border-left-color: transparent;
|
||||
}
|
||||
.joyride-tip-guide .joyride-nub.left {
|
||||
border-top-color: transparent;
|
||||
border-bottom-color: transparent;
|
||||
border-left-color: transparent; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .joyride-tip-guide .joyride-nub.left {
|
||||
border-right-color: transparent;
|
||||
border-left-color: rgba(0, 0, 0, 0.8);
|
||||
}
|
||||
.joyride-tip-guide .joyride-nub.top-right {
|
||||
border-top-color: transparent;
|
||||
border-right-color: transparent;
|
||||
border-left-color: transparent;
|
||||
}
|
||||
|
||||
/* Typography */
|
||||
.joyride-tip-guide h2 {
|
||||
color: #fff;
|
||||
}
|
||||
.joyride-tip-guide p {
|
||||
line-height: 1.385em;
|
||||
}
|
||||
.joyride-tip-guide a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Button Style */
|
||||
.joyride-tip-guide .joyride-next-tip {
|
||||
margin: 0;
|
||||
}
|
||||
.joyride-timer-indicator-wrap {
|
||||
border: solid 1px rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
.joyride-timer-indicator {
|
||||
background: rgba(255, 255, 255, 0.25);
|
||||
}
|
||||
|
||||
.joyride-close-tip {
|
||||
text-decoration: none;
|
||||
color: rgba(255, 255, 255, 0.4);
|
||||
font-size: 1.4em;
|
||||
font-weight: bold;
|
||||
}
|
||||
.joyride-close-tip:hover,
|
||||
.joyride-close-tip:focus {
|
||||
text-decoration: none;
|
||||
color: rgba(255, 255, 255, 0.9);
|
||||
}
|
||||
|
||||
.joyride-modal-bg {
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.joyride-expose-wrapper {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.joyride-expose-cover {
|
||||
background: transparent;
|
||||
}
|
||||
@@ -0,0 +1,130 @@
|
||||
/**
|
||||
* @file
|
||||
* Override of misc/vertical-tabs.css.
|
||||
*/
|
||||
|
||||
.vertical-tabs {
|
||||
position: relative;
|
||||
margin: 10px 0;
|
||||
border: 1px solid #bdbdbd;
|
||||
border-radius: 4px;
|
||||
background: #e6e5e1;
|
||||
}
|
||||
.vertical-tabs__menu {
|
||||
float: left; /* LTR */
|
||||
width: 240px;
|
||||
margin: 0 -100% -1px 0; /* LTR */
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
border-bottom: 1px solid #ccc;
|
||||
line-height: 1;
|
||||
}
|
||||
[dir="rtl"] .vertical-tabs__menu {
|
||||
float: right;
|
||||
margin: 0 0 -1px -100%;
|
||||
}
|
||||
.vertical-tabs__menu-item {
|
||||
position: relative;
|
||||
}
|
||||
.vertical-tabs__menu-item.is-selected {
|
||||
z-index: 1;
|
||||
overflow-x: hidden;
|
||||
width: 100%;
|
||||
border-right: 1px solid #fcfcfa; /* LTR */
|
||||
border-bottom: 1px solid #b3b2ad;
|
||||
box-shadow: 0 5px 5px -5px hsla(0, 0%, 0%, 0.3);
|
||||
}
|
||||
.vertical-tabs__menu-item.last {
|
||||
border-bottom: none;
|
||||
}
|
||||
.vertical-tabs__menu-item.first a {
|
||||
border-top-left-radius: 4px; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .vertical-tabs__menu-item.first a {
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 4px;
|
||||
}
|
||||
[dir="rtl"] .vertical-tabs__menu-item.is-selected {
|
||||
border-right: none;
|
||||
border-left: 1px solid #fcfcfa;
|
||||
}
|
||||
.vertical-tabs__menu-item:focus,
|
||||
.vertical-tabs__menu-item:active {
|
||||
z-index: 2;
|
||||
}
|
||||
.vertical-tabs__menu-item a {
|
||||
display: block;
|
||||
padding: 10px 15px 15px;
|
||||
text-decoration: none;
|
||||
border-bottom: 1px solid #b3b2ad;
|
||||
background-color: #f2f2f0;
|
||||
text-shadow: 0 1px hsla(0, 0%, 100%, 0.6);
|
||||
}
|
||||
.vertical-tabs__menu-item:last-child a {
|
||||
border-bottom: 0;
|
||||
}
|
||||
.vertical-tabs__menu-item.is-selected a,
|
||||
.vertical-tabs__menu-item a:hover,
|
||||
.vertical-tabs__menu-item a:focus {
|
||||
background: #fcfcfa;
|
||||
text-shadow: none;
|
||||
}
|
||||
.vertical-tabs__menu-item a:focus {
|
||||
outline: none;
|
||||
}
|
||||
.vertical-tabs__menu-item a:focus .vertical-tabs__menu-item-title {
|
||||
text-decoration: underline;
|
||||
}
|
||||
.vertical-tabs__menu-item a:active .vertical-tabs__menu-item-title,
|
||||
.vertical-tabs__menu-item.is-selected a:focus .vertical-tabs__menu-item-title {
|
||||
text-decoration: none;
|
||||
}
|
||||
.vertical-tabs__menu-item.is-selected a {
|
||||
padding-left: 11px; /* LTR */
|
||||
text-decoration: none;
|
||||
color: #004f80;
|
||||
border-bottom: none;
|
||||
}
|
||||
[dir=rtl] .vertical-tabs__menu-item.is-selected a {
|
||||
padding-right: 11px;
|
||||
padding-left: 15px;
|
||||
}
|
||||
.vertical-tabs__menu-item.is-selected a:hover,
|
||||
.vertical-tabs__menu-item.is-selected a:focus {
|
||||
color: #007ecc;
|
||||
}
|
||||
[data-vertical-tabs-panes] {
|
||||
background-color: #fcfcfa;
|
||||
}
|
||||
.vertical-tabs__panes {
|
||||
margin: 0 0 0 240px; /* LTR */
|
||||
padding: 10px 15px 10px 15px;
|
||||
border-left: 1px solid #a6a5a1; /* LTR */
|
||||
border-top-right-radius: 4px; /* LTR */
|
||||
border-bottom-right-radius: 4px; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .vertical-tabs__panes {
|
||||
margin: 0 240px 0 0;
|
||||
border-right: 1px solid #a6a5a1;
|
||||
border-left: none;
|
||||
border-radius: 4px 0 0 4px;
|
||||
}
|
||||
.vertical-tabs__panes:after {
|
||||
display: table;
|
||||
clear: both;
|
||||
content: "";
|
||||
}
|
||||
.vertical-tabs__pane {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
color: #595959;
|
||||
border: 0;
|
||||
}
|
||||
.vertical-tabs__menu-item-summary {
|
||||
display: block;
|
||||
padding-top: 0.4em;
|
||||
color: #666;
|
||||
}
|
||||
.vertical-tabs__pane > summary {
|
||||
display: none;
|
||||
}
|
||||
@@ -0,0 +1,331 @@
|
||||
/**
|
||||
* Views styling
|
||||
*/
|
||||
|
||||
/* @group Forms */
|
||||
|
||||
/**
|
||||
* Seven positions the summary absolutely, but does not have a way to ignore
|
||||
* details without a summary so we make one up.
|
||||
*
|
||||
* @todo Neither a fieldset without legend nor a details without summary is
|
||||
* valid HTML markup in any way. Refactor Views UI to not produce such invalid
|
||||
* markup.
|
||||
*/
|
||||
details.fieldset-no-legend {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Being extra safe here and scoping this to the add view wizard form (where
|
||||
* a layout problem occurs for the Display format details if we don't fix its
|
||||
* padding), but it's probably safe to just let it apply everywhere.
|
||||
*/
|
||||
#views-ui-add-form details details .seven-details__wrapper {
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.views-display-tab details.box-padding .seven-details__wrapper {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.views-admin input.form-submit,
|
||||
.views-ui-dialog input.form-submit,
|
||||
.views-admin a.button,
|
||||
.views-ui-dialog a.button {
|
||||
margin-top: 0;
|
||||
margin-right: 0; /* LTR */
|
||||
margin-bottom: 0;
|
||||
}
|
||||
[dir="rtl"] .views-admin input.form-submit,
|
||||
[dir="rtl"] .views-ui-dialog input.form-submit,
|
||||
[dir="rtl"] .views-admin a.button,
|
||||
[dir="rtl"] .views-ui-dialog a.button {
|
||||
margin-right: 1em;
|
||||
margin-left: 0;
|
||||
}
|
||||
[dir="rtl"] .views-admin input.form-submit:first-child,
|
||||
[dir="rtl"] .views-ui-dialog input.form-submit:first-child,
|
||||
[dir="rtl"] .views-admin a.button:first-child,
|
||||
[dir="rtl"] .views-ui-dialog a.button:first-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.form-radios > .form-item {
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
/* @group Dependent options
|
||||
*/
|
||||
|
||||
/* This is necessary to supersede the Seven .form-item
|
||||
* reset declaration that sets the margin to zero.
|
||||
*/
|
||||
.form-item-options-expose-required,
|
||||
.form-item-options-expose-label,
|
||||
.form-item-options-expose-description {
|
||||
margin-left: 1.5em; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .form-item-options-expose-required,
|
||||
[dir="rtl"] .form-item-options-expose-label,
|
||||
[dir="rtl"] .form-item-options-expose-description {
|
||||
margin-right: 1.5em;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.views-admin-dependent .form-item .form-item,
|
||||
.views-admin-dependent .form-type-checkboxes,
|
||||
.views-admin-dependent .form-type-radios,
|
||||
.views-admin-dependent .form-item .form-item,
|
||||
.form-item-options-expose-required,
|
||||
.form-item-options-expose-label,
|
||||
.form-item-options-expose-description {
|
||||
margin-top: 6px;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
|
||||
.views-admin-dependent .form-type-radio,
|
||||
.views-admin-dependent .form-radios .form-item {
|
||||
margin-top: 2px;
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
|
||||
/* @end */
|
||||
|
||||
/* @group Lists */
|
||||
|
||||
.views-admin ul.secondary,
|
||||
.views-admin .item-list ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.views-displays ul.secondary li a,
|
||||
.views-displays ul.secondary li.is-active a,
|
||||
.views-displays ul.secondary li.is-active a.is-active {
|
||||
padding: 2px 7px 3px;
|
||||
}
|
||||
|
||||
.views-displays ul.secondary li a {
|
||||
color: #0074bd;
|
||||
}
|
||||
|
||||
.views-displays ul.secondary li.is-active a,
|
||||
.views-displays ul.secondary li.is-active a.is-active {
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
|
||||
.views-admin .links li {
|
||||
padding-right: 0; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .views-admin .links li {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.views-admin .button .links li {
|
||||
padding-right: 12px; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .views-admin .button .links li {
|
||||
padding-left: 12px;
|
||||
}
|
||||
|
||||
.views-display-top ul.secondary {
|
||||
float: left; /* LTR */
|
||||
background-color: transparent;
|
||||
}
|
||||
[dir="rtl"] .views-display-top ul.secondary {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.views-display-top .secondary .action-list li {
|
||||
float: none;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* @end */
|
||||
|
||||
/* @group Tables */
|
||||
|
||||
.views-ui-rearrange-filter-form table td,
|
||||
.views-ui-rearrange-filter-form table th {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
/* @end */
|
||||
|
||||
/* @group Attachment details */
|
||||
|
||||
#edit-display-settings-title {
|
||||
color: #008bcb;
|
||||
}
|
||||
|
||||
/* @end */
|
||||
|
||||
/* @group Attachment details tabs
|
||||
*
|
||||
* The tabs that switch between sections
|
||||
*/
|
||||
|
||||
.views-displays .secondary {
|
||||
text-align: left; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .views-displays .secondary {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.views-admin .icon.add {
|
||||
background-position: center 3px;
|
||||
}
|
||||
|
||||
.views-displays .secondary a:hover > .icon.add {
|
||||
background-position: center -25px;
|
||||
}
|
||||
|
||||
.views-displays .secondary .open > a {
|
||||
border-radius: 7px 7px 0 0;
|
||||
}
|
||||
|
||||
.views-displays .secondary .open > a:hover,
|
||||
.views-displays .secondary .open > a:focus {
|
||||
color: #008bcb;
|
||||
background-color: #f1f1f1;
|
||||
}
|
||||
|
||||
.views-displays .secondary .action-list li:first-child {
|
||||
border-radius: 0 7px 0 0; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .views-displays .secondary .action-list li:first-child {
|
||||
border-radius: 7px 0 0 0;
|
||||
}
|
||||
|
||||
.views-displays .secondary .action-list li:last-child {
|
||||
border-radius: 0 0 7px 7px;
|
||||
}
|
||||
|
||||
.views-displays .secondary .action-list input.form-submit {
|
||||
color: #008bcb;
|
||||
}
|
||||
|
||||
/* @end */
|
||||
|
||||
/* @group Attachment buckets
|
||||
*
|
||||
* These are the individual "buckets," or boxes, inside the display settings area
|
||||
*/
|
||||
|
||||
.views-ui-display-tab-bucket h3 {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.views-ui-display-tab-bucket .links {
|
||||
padding: 2px 6px 4px;
|
||||
}
|
||||
|
||||
.views-ui-display-tab-bucket .links li + li {
|
||||
margin-left: 3px; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .views-ui-display-tab-bucket .links li + li {
|
||||
margin-right: 3px;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
/* @end */
|
||||
|
||||
/* @group Rearrange filter criteria */
|
||||
|
||||
.views-ui-rearrange-filter-form .action-links {
|
||||
float: left;
|
||||
margin: 0 0 1em;
|
||||
padding: 0;
|
||||
}
|
||||
.views-ui-rearrange-filter-form .tabledrag-toggle-weight-wrapper {
|
||||
float: right;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
.views-ui-rearrange-filter-form table {
|
||||
border: medium none;
|
||||
}
|
||||
|
||||
.views-ui-rearrange-filter-form [id^="views-row"] {
|
||||
border: medium none;
|
||||
}
|
||||
|
||||
.views-ui-rearrange-filter-form tr td:last-child {
|
||||
border-right: medium none; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .views-ui-rearrange-filter-form tr td:last-child {
|
||||
border-right: initial;
|
||||
border-left: medium none;
|
||||
}
|
||||
|
||||
.views-ui-rearrange-filter-form .filter-group-operator-row {
|
||||
border-right: 1px solid transparent !important;
|
||||
border-left: 1px solid transparent !important;
|
||||
}
|
||||
|
||||
.views-ui-rearrange-filter-form tr.drag td {
|
||||
background-color: #fe7 !important;
|
||||
}
|
||||
|
||||
.views-ui-rearrange-filter-form tr.drag-previous td {
|
||||
background-color: #ffb !important;
|
||||
}
|
||||
|
||||
/* @end */
|
||||
|
||||
/* @group Live preview elements */
|
||||
|
||||
.views-query-info pre {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
/* @group Query info table */
|
||||
|
||||
.views-query-info table {
|
||||
border-radius: 7px;
|
||||
-webkit-border-horizontal-spacing: 1px;
|
||||
-webkit-border-vertical-spacing: 1px;
|
||||
}
|
||||
|
||||
.views-query-info table tr td:last-child {
|
||||
/* Fixes a Seven style that bleeds down into this table unnecessarily */
|
||||
border-right: 0 none; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .views-query-info table tr td:last-child {
|
||||
border-right: initial;
|
||||
border-left: 0 none;
|
||||
}
|
||||
|
||||
/* @end */
|
||||
|
||||
/* @end */
|
||||
|
||||
/* @group Add view */
|
||||
|
||||
.form-item-page-create,
|
||||
.form-item-block-create {
|
||||
margin-top: 13px;
|
||||
}
|
||||
|
||||
/* @end */
|
||||
|
||||
/* @group Modal dialog box
|
||||
*
|
||||
* The contents of the popup dialog on the views edit form.
|
||||
*/
|
||||
|
||||
.filterable-option .form-item.form-type-checkbox {
|
||||
padding-top: 4px;
|
||||
/* This selector is aggressive because Seven's reset for .form-items is aggressive. */
|
||||
padding-bottom: 4px;
|
||||
padding-left: 4px; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .filterable-option .form-item.form-type-checkbox {
|
||||
padding-right: 4px;
|
||||
padding-left: 8px;
|
||||
}
|
||||
|
||||
/* @end */
|
||||
@@ -0,0 +1,14 @@
|
||||
/**
|
||||
* Add spacing to bottom of pages
|
||||
*/
|
||||
.page-content {
|
||||
margin-bottom: 80px;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add color to layout icons.
|
||||
*/
|
||||
.layout-icon__region {
|
||||
fill: #f5f5f2;
|
||||
stroke: #666;
|
||||
}
|
||||
@@ -0,0 +1,26 @@
|
||||
.layout-region-node-footer__content {
|
||||
margin-top: 1.5em;
|
||||
padding-top: 0.5em;
|
||||
border-top: 1px solid #bebfb9;
|
||||
}
|
||||
|
||||
/**
|
||||
* Widescreen
|
||||
*
|
||||
* Both of the following media queries must *exactly* match what is in
|
||||
* node.module.css. This is rather crazy.
|
||||
*
|
||||
* @todo Figure out how to reduce media query duplication across files
|
||||
* and modules. Layout styles only allowed in themes?
|
||||
*/
|
||||
@media
|
||||
screen and (min-width: 780px),
|
||||
(orientation: landscape) and (min-device-height: 780px) {
|
||||
.node-form-layout .messages {
|
||||
margin-top: 1em;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
.layout-region-node-footer__content {
|
||||
margin-top: 0.5em;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,254 @@
|
||||
/**
|
||||
* @file
|
||||
* CKEditor-native dialogs theming.
|
||||
*/
|
||||
|
||||
.cke_dialog_background_cover {
|
||||
display: none;
|
||||
}
|
||||
.cke_dialog:before {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
content: "";
|
||||
opacity: 0.7;
|
||||
background: #000;
|
||||
}
|
||||
[dir="rtl"] .cke_reset_all * {
|
||||
text-align: right;
|
||||
direction: rtl;
|
||||
}
|
||||
.cke_reset_all .cke_dialog_body {
|
||||
position: relative;
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
background: none;
|
||||
}
|
||||
.cke_reset_all .cke_dialog_body * {
|
||||
font: 13px/1.538em "Lucida Grande", "Lucida Sans Unicode", "DejaVu Sans", "Lucida Sans", sans-serif;
|
||||
}
|
||||
|
||||
/* Dialog's header. */
|
||||
.cke_reset_all .cke_dialog_title {
|
||||
padding: 15px 49px 15px 15px;
|
||||
color: #fff;
|
||||
border: 0;
|
||||
border-top-left-radius: 5px;
|
||||
border-top-right-radius: 5px;
|
||||
background: #6b6b6b;
|
||||
box-shadow: none;
|
||||
text-shadow: none;
|
||||
font-size: 1.3344em;
|
||||
font-weight: 600;
|
||||
line-height: 1.315em;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
[dir="rtl"] .cke_reset_all .cke_dialog_title {
|
||||
padding: 15px 15px 15px 49px;
|
||||
}
|
||||
|
||||
/* More specificity to prevent overriding in high density screens. */
|
||||
.cke_reset_all .cke_dialog .cke_dialog_close_button {
|
||||
top: 16px;
|
||||
right: 20px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
opacity: 1;
|
||||
background: url(../../../../misc/icons/ffffff/ex.svg) 0 0 no-repeat;
|
||||
}
|
||||
[dir="rtl"] .cke_reset_all .cke_dialog .cke_dialog_close_button {
|
||||
right: auto;
|
||||
left: 20px;
|
||||
}
|
||||
.cke_reset_all .cke_dialog .cke_label {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Dialog's body. */
|
||||
.cke_reset_all .cke_dialog_contents {
|
||||
border-bottom-right-radius: 5px;
|
||||
border-bottom-left-radius: 5px;
|
||||
}
|
||||
.cke_reset_all .cke_dialog_contents_body {
|
||||
padding: 1em;
|
||||
}
|
||||
.cke_reset_all tr:hover,
|
||||
.cke_reset_all tr:focus {
|
||||
background: none;
|
||||
}
|
||||
[dir="rtl"] .cke_reset_all .cke_dialog_ui_hbox_first,
|
||||
[dir="rtl"] .cke_reset_all .cke_dialog_ui_hbox_child {
|
||||
padding-right: 0;
|
||||
padding-left: 10px;
|
||||
}
|
||||
.cke_reset_all .cke_dialog_body label {
|
||||
display: table;
|
||||
margin: 0 0 0.1em;
|
||||
padding: 0;
|
||||
font-weight: bold;
|
||||
}
|
||||
.cke_reset_all .cke_dialog_body .cke_dialog_ui_input_text,
|
||||
.cke_reset_all .cke_dialog_body .cke_dialog_ui_input_textarea,
|
||||
.cke_reset_all .cke_dialog_body div.cke_dialog_ui_input_select {
|
||||
border: 0;
|
||||
}
|
||||
.cke_reset_all .cke_dialog_body textarea,
|
||||
.cke_reset_all .cke_dialog_body input[type="text"],
|
||||
.cke_reset_all select.cke_dialog_ui_input_select {
|
||||
box-sizing: border-box;
|
||||
max-width: 100%;
|
||||
margin: 0 0 3px;
|
||||
padding: 0.3em 0.4em 0.3em 0.5em;
|
||||
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
|
||||
transition: border linear 0.2s, box-shadow linear 0.2s;
|
||||
color: #595959;
|
||||
border: 1px solid #b8b8b8;
|
||||
border-top-color: #999;
|
||||
border-radius: 2px;
|
||||
background: #fcfcfa;
|
||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125);
|
||||
font-size: 1em;
|
||||
line-height: normal;
|
||||
}
|
||||
.cke_reset_all select.cke_dialog_ui_input_select {
|
||||
padding-right: 1.5em;
|
||||
background: #fcfcfa url(../../../../misc/icons/333333/caret-down.svg) no-repeat 99% 63%;
|
||||
}
|
||||
.cke_reset_all .cke_dialog_body textarea:focus,
|
||||
.cke_reset_all .cke_dialog_body input[type="text"]:focus,
|
||||
.cke_reset_all select.cke_dialog_ui_input_select:focus {
|
||||
border-color: #40b6ff;
|
||||
outline: 0;
|
||||
background-color: #fff;
|
||||
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 8px #40b6ff;
|
||||
}
|
||||
|
||||
/* Dialog's footer. */
|
||||
.cke_reset_all .cke_dialog .cke_dialog_footer {
|
||||
margin: 0;
|
||||
padding: 15px 20px;
|
||||
text-align: left;
|
||||
border: 0;
|
||||
border-bottom-right-radius: 5px;
|
||||
border-bottom-left-radius: 5px;
|
||||
outline: none;
|
||||
background: #f5f5f2;
|
||||
}
|
||||
[dir="rtl"] .cke_reset_all .cke_dialog .cke_dialog_footer {
|
||||
text-align: right;
|
||||
}
|
||||
.cke_reset_all .cke_dialog .cke_resizer {
|
||||
display: none;
|
||||
}
|
||||
.cke_reset_all .cke_dialog_footer_buttons {
|
||||
margin: 0;
|
||||
}
|
||||
.cke_dialog_footer_buttons td {
|
||||
float: right;
|
||||
}
|
||||
[dir="rtl"] .cke_dialog_footer_buttons td {
|
||||
float: left;
|
||||
}
|
||||
.cke_reset_all a.cke_dialog_ui_button {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
box-sizing: border-box;
|
||||
margin-right: 1em;
|
||||
padding: 4px 1.5em;
|
||||
cursor: pointer;
|
||||
-webkit-transition: all 0.1s;
|
||||
transition: all 0.1s;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
color: #333;
|
||||
border: 1px solid #a6a6a6;
|
||||
border-radius: 20em;
|
||||
background-color: #f2f1eb;
|
||||
background-image: -webkit-linear-gradient(top, #f6f6f3, #e7e7df);
|
||||
background-image: linear-gradient(to bottom, #f6f6f3, #e7e7df);
|
||||
text-shadow: 0 1px hsla(0, 0%, 100%, 0.6);
|
||||
font-size: 14px;
|
||||
font-size: 0.875rem;
|
||||
font-weight: 600;
|
||||
line-height: normal;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
[dir="rtl"] .cke_reset_all a.cke_dialog_ui_button {
|
||||
margin-right: 0;
|
||||
margin-left: 1em;
|
||||
}
|
||||
|
||||
/* More specificity to prevent overriding in high contrast mode. */
|
||||
.cke_reset_all .cke_dialog_footer_buttons a.cke_dialog_ui_button:hover,
|
||||
.cke_reset_all .cke_dialog_footer_buttons a.cke_dialog_ui_button:focus {
|
||||
padding: 4px 1.5em;
|
||||
text-decoration: none;
|
||||
color: #1a1a1a;
|
||||
border: 1px solid #a6a6a6;
|
||||
background-color: #f9f8f6;
|
||||
background-image: -webkit-linear-gradient(top, #fcfcfa, #e9e9dd);
|
||||
background-image: linear-gradient(to bottom, #fcfcfa, #e9e9dd);
|
||||
box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.125);
|
||||
}
|
||||
.cke_reset_all .cke_dialog_footer_buttons a.cke_dialog_ui_button:focus {
|
||||
z-index: 10;
|
||||
border: 1px solid #3ab2ff;
|
||||
box-shadow: 0 0 0.5em 0.1em hsla(203, 100%, 60%, 0.7);
|
||||
}
|
||||
.cke_reset_all .cke_dialog_footer_buttons a.cke_dialog_ui_button:active {
|
||||
padding: 4px 1.5em;
|
||||
-webkit-transition: none;
|
||||
transition: none;
|
||||
border: 1px solid #a6a6a6;
|
||||
background-color: #dfdfd9;
|
||||
background-image: -webkit-linear-gradient(top, #f6f6f3, #e7e7df);
|
||||
background-image: linear-gradient(to bottom, #f6f6f3, #e7e7df);
|
||||
box-shadow: inset 0 1px 3px hsla(0, 0%, 0%, 0.2);
|
||||
}
|
||||
.cke_reset_all .cke_dialog_footer_buttons a.cke_dialog_ui_button span {
|
||||
padding: 0;
|
||||
text-shadow: 0 1px hsla(0, 0%, 100%, 0.6);
|
||||
font-size: 0.875rem;
|
||||
line-height: normal;
|
||||
}
|
||||
.cke_reset_all .cke_dialog_footer_buttons a.cke_dialog_ui_button:hover span,
|
||||
.cke_reset_all .cke_dialog_footer_buttons a.cke_dialog_ui_button:focus span,
|
||||
.cke_reset_all .cke_dialog_footer_buttons a.cke_dialog_ui_button:active span {
|
||||
padding: 0;
|
||||
}
|
||||
.cke_reset_all .cke_dialog_footer_buttons a.cke_dialog_ui_button_ok {
|
||||
color: #fff;
|
||||
border-color: #1e5c90;
|
||||
background-color: #0071b8;
|
||||
background-image: -webkit-linear-gradient(top, #007bc6, #0071b8);
|
||||
background-image: linear-gradient(to bottom, #007bc6, #0071b8);
|
||||
text-shadow: 0 1px hsla(0, 0%, 0%, 0.5);
|
||||
font-weight: 700;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
.cke_reset_all .cke_dialog_footer_buttons a.cke_dialog_ui_button_ok:hover,
|
||||
.cke_reset_all .cke_dialog_footer_buttons a.cke_dialog_ui_button_ok:focus {
|
||||
color: #fff;
|
||||
border-color: #1e5c90;
|
||||
background-color: #2369a6;
|
||||
background-image: -webkit-linear-gradient(top, #0c97ed, #1f86c7);
|
||||
background-image: linear-gradient(to bottom, #0c97ed, #1f86c7);
|
||||
box-shadow: 0 1px 2px hsla(203, 10%, 10%, 0.25);
|
||||
}
|
||||
.cke_reset_all .cke_dialog_footer_buttons a.cke_dialog_ui_button_ok:focus {
|
||||
border: 1px solid #1280df;
|
||||
box-shadow: 0 0 0.5em 0.1em hsla(203, 100%, 60%, 0.7);
|
||||
}
|
||||
.cke_reset_all .cke_dialog_footer_buttons a.cke_dialog_ui_button_ok:active {
|
||||
border-color: #144b78;
|
||||
background-image: -webkit-linear-gradient(top, #08639b, #0071b8);
|
||||
background-image: linear-gradient(to bottom, #08639b, #0071b8);
|
||||
box-shadow: inset 0 1px 3px hsla(0, 0%, 0%, 0.2);
|
||||
}
|
||||
.cke_reset_all .cke_dialog_footer_buttons a.cke_dialog_ui_button_ok span {
|
||||
text-shadow: 0 1px hsla(0, 0%, 0%, 0.5);
|
||||
}
|
||||
@@ -0,0 +1,15 @@
|
||||
/**
|
||||
* Reusable colors.
|
||||
*/
|
||||
.color-success {
|
||||
color: #325e1c;
|
||||
background-color: #f3faef;
|
||||
}
|
||||
.color-warning {
|
||||
color: #734c00;
|
||||
background-color: #fdf8ed;
|
||||
}
|
||||
.color-error {
|
||||
color: #a51b00;
|
||||
background-color: #fcf4f2;
|
||||
}
|
||||
@@ -0,0 +1,62 @@
|
||||
/**
|
||||
* @file
|
||||
* Installation styling.
|
||||
*
|
||||
* Unfortunately we have to make our styling quite strong, to override the
|
||||
* .maintenance-page styling.
|
||||
*/
|
||||
.install-page {
|
||||
min-height: 100%;
|
||||
background-color: #1275b2;
|
||||
background-image:
|
||||
url(../../images/noise-low.png),
|
||||
-webkit-radial-gradient(hsl(203, 80%, 45%), hsl(203, 80%, 32%));
|
||||
background-image:
|
||||
url(../../images/noise-low.png),
|
||||
radial-gradient(hsl(203, 80%, 45%), hsl(203, 80%, 32%));
|
||||
background-repeat: repeat;
|
||||
background-position: left top, 50% 50%; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .install-page {
|
||||
background-position: right top, 50% 50%;
|
||||
}
|
||||
|
||||
/**
|
||||
* Password widget
|
||||
*/
|
||||
.install-page .password-parent,
|
||||
.install-page .confirm-parent {
|
||||
width: auto;
|
||||
}
|
||||
.install-page .form-item .password-suggestions {
|
||||
float: none;
|
||||
width: auto;
|
||||
}
|
||||
.install-page table td {
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.install-page .site-version {
|
||||
vertical-align: super;
|
||||
color: #595959;
|
||||
font-size: 0.5em;
|
||||
}
|
||||
|
||||
@media all and (max-width: 1010px) and (min-width: 48em) {
|
||||
.install-page .password-strength,
|
||||
.install-page .confirm-parent {
|
||||
width: 100%;
|
||||
}
|
||||
.install-configure-form .form-type-password {
|
||||
width: 100%;
|
||||
}
|
||||
.password-confirm,
|
||||
.password-field {
|
||||
float: none;
|
||||
}
|
||||
.password-confirm-match {
|
||||
float: none;
|
||||
width: auto;
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,204 @@
|
||||
/**
|
||||
* @file
|
||||
* Maintenance theming.
|
||||
*/
|
||||
|
||||
.maintenance-page {
|
||||
min-height: 100%;
|
||||
background-color: #e0e0d8;
|
||||
background-image: -webkit-radial-gradient(hsl(203, 2%, 90%), hsl(203, 2%, 95%));
|
||||
background-image: radial-gradient(hsl(203, 2%, 90%), hsl(203, 2%, 95%));
|
||||
background-repeat: repeat;
|
||||
background-position: left top, 50% 50%; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .maintenance-page {
|
||||
background-position: right top, 50% 50%;
|
||||
}
|
||||
|
||||
.page-title {
|
||||
word-wrap: break-word;
|
||||
color: #0074bd;
|
||||
font-size: 2em;
|
||||
line-height: 1.2em;
|
||||
}
|
||||
|
||||
/**
|
||||
* Task list & step indicator
|
||||
*/
|
||||
@media all and (max-width: 48em) { /* 768px */
|
||||
header[role="banner"] {
|
||||
position: relative;
|
||||
}
|
||||
.step-indicator {
|
||||
position: absolute;
|
||||
top: 0.2em;
|
||||
right: 0.5em; /* LTR */
|
||||
display: block;
|
||||
font-size: 1.385em;
|
||||
}
|
||||
[dir="rtl"] .step-indicator {
|
||||
right: auto;
|
||||
left: 0.5em;
|
||||
}
|
||||
.task-list {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 48em) { /* 768px */
|
||||
.step-indicator {
|
||||
display: none;
|
||||
}
|
||||
.task-list {
|
||||
margin-left: 0; /* LTR */
|
||||
padding-bottom: 1em;
|
||||
padding-left: 0; /* LTR */
|
||||
list-style-type: none;
|
||||
}
|
||||
[dir="rtl"] .task-list {
|
||||
margin-right: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
.task-list li {
|
||||
padding: 0.5em 1em 0.5em 3.85em; /* LTR */
|
||||
color: #1a1a1a;
|
||||
}
|
||||
[dir="rtl"] .task-list li {
|
||||
padding: 0.5em 3.85em 0.5em 1em;
|
||||
}
|
||||
.task-list .is-active {
|
||||
position: relative;
|
||||
background: #ebeae4;
|
||||
font-weight: normal;
|
||||
}
|
||||
.task-list .is-active:after {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 100%; /* LTR */
|
||||
width: 0;
|
||||
height: 0;
|
||||
margin-top: -1.269em;
|
||||
content: " ";
|
||||
pointer-events: none;
|
||||
border: solid transparent;
|
||||
border-width: 1.269em;
|
||||
border-color: rgba(235, 234, 228, 0);
|
||||
border-left-color: #ebeae4; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .task-list .is-active:after {
|
||||
right: 100%;
|
||||
left: auto;
|
||||
border-right-color: #ebeae4;
|
||||
border-left-color: transparent;
|
||||
}
|
||||
.task-list .done {
|
||||
color: #adadad;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Layout
|
||||
*/
|
||||
.layout-container {
|
||||
width: auto;
|
||||
margin-right: 1.25em;
|
||||
margin-left: 1.25em;
|
||||
background: #fff;
|
||||
}
|
||||
.layout-container:after { /* no reason for a clearfix in the markup */
|
||||
display: table;
|
||||
clear: both;
|
||||
content: "";
|
||||
}
|
||||
|
||||
@media all and (max-width: 48em) { /* 768px */
|
||||
.layout-container {
|
||||
margin: 1.25em;
|
||||
padding: 10px 20px;
|
||||
}
|
||||
.page-title {
|
||||
margin-right: 2em; /* LTR */
|
||||
margin-bottom: 0.725em;
|
||||
}
|
||||
[dir="rtl"] .page-title {
|
||||
margin-right: 0;
|
||||
margin-left: 2em;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 48em) { /* 768px */
|
||||
html {
|
||||
display: table;
|
||||
}
|
||||
.install-page,
|
||||
.maintenance-page {
|
||||
display: table-cell;
|
||||
padding: 1em 0;
|
||||
vertical-align: middle;
|
||||
}
|
||||
html,
|
||||
.install-page,
|
||||
.maintenance-page {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
.layout-container {
|
||||
width: 75%;
|
||||
max-width: 770px;
|
||||
margin: 0 auto;
|
||||
padding: 20px 0 40px 0;
|
||||
border-radius: 5px;
|
||||
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
/* Positioning sidebar & content */
|
||||
main {
|
||||
float: left; /* LTR */
|
||||
clear: none;
|
||||
box-sizing: border-box;
|
||||
width: 65%;
|
||||
padding-right: 3.85em;
|
||||
padding-left: 3.85em;
|
||||
}
|
||||
[dir="rtl"] main {
|
||||
float: right;
|
||||
}
|
||||
ul {
|
||||
margin: 0.25em 0;
|
||||
padding: 15px;
|
||||
}
|
||||
[dir="rtl"] ul {
|
||||
margin-right: 0; /* Overrides default [dir="rtl"] ul margin */
|
||||
}
|
||||
.layout-sidebar-first {
|
||||
float: left; /* LTR */
|
||||
width: 35%;
|
||||
}
|
||||
[dir="rtl"] .layout-sidebar-first {
|
||||
float: right;
|
||||
}
|
||||
|
||||
/* Margins for sitename */
|
||||
.page-title {
|
||||
margin: 0.75em 1.9em;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Status report customization for install and update page.
|
||||
*/
|
||||
.system-status-report__status-title {
|
||||
float: none;
|
||||
width: 100%;
|
||||
}
|
||||
.system-status-report__entry__value {
|
||||
float: none;
|
||||
width: 100%;
|
||||
padding-top: 0;
|
||||
padding-left: 3em; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .system-status-report__entry__value {
|
||||
padding-right: 3em;
|
||||
padding-left: 1em;
|
||||
}
|
||||
@@ -0,0 +1,730 @@
|
||||
/**
|
||||
* @file media-library.css
|
||||
|
||||
* Styling for Media Library.
|
||||
*/
|
||||
|
||||
.media-library-wrapper {
|
||||
display: flex;
|
||||
margin: -1em;
|
||||
}
|
||||
|
||||
/**
|
||||
* @todo Reuse or build on vertical tabs styling for the media library menu.
|
||||
* https://www.drupal.org/project/drupal/issues/3023767
|
||||
*/
|
||||
.media-library-menu {
|
||||
display: block;
|
||||
width: 600px;
|
||||
max-width: 20%;
|
||||
margin: 0; /* LTR */
|
||||
padding: 0;
|
||||
border-bottom: 1px solid #ccc;
|
||||
background-color: #e6e5e1;
|
||||
line-height: 1;
|
||||
}
|
||||
[dir="rtl"] .media-library-menu {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* @todo Use a class instead of the li element.
|
||||
* https://www.drupal.org/project/drupal/issues/3029227
|
||||
*/
|
||||
.media-library-menu li {
|
||||
display: block;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.media-library-menu__link {
|
||||
position: relative;
|
||||
display: block;
|
||||
box-sizing: border-box;
|
||||
padding: 15px;
|
||||
text-decoration: none;
|
||||
border-bottom: 1px solid #b3b2ad;
|
||||
background-color: #f2f2f0;
|
||||
text-shadow: 0 1px hsla(0, 0%, 100%, 0.6);
|
||||
}
|
||||
|
||||
.media-library-menu__link:active,
|
||||
.media-library-menu__link:hover,
|
||||
.media-library-menu__link:focus {
|
||||
background: #fcfcfa;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
.media-library-menu__link:focus,
|
||||
.media-library-menu__link:active {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.media-library-menu__link.active {
|
||||
z-index: 1;
|
||||
margin-right: -1px; /* LTR */
|
||||
color: #000;
|
||||
border-right: 1px solid #fcfcfa; /* LTR */
|
||||
border-bottom: 1px solid #b3b2ad;
|
||||
background-color: #fff;
|
||||
box-shadow: 0 5px 5px -5px hsla(0, 0%, 0%, 0.3);
|
||||
}
|
||||
[dir="rtl"] .media-library-menu__link.active {
|
||||
margin-right: 0;
|
||||
margin-left: -1px;
|
||||
border-right: 0;
|
||||
border-left: 1px solid #fcfcfa;
|
||||
}
|
||||
|
||||
.media-library-content {
|
||||
width: 100%;
|
||||
padding: 1em;
|
||||
border-left: 1px solid #b3b2ad; /* LTR */
|
||||
outline: none;
|
||||
}
|
||||
[dir="rtl"] .media-library-content {
|
||||
border-right: 1px solid #b3b2ad;
|
||||
border-left: 0;
|
||||
}
|
||||
|
||||
/* Generic media add form styles. */
|
||||
.media-library-add-form--without-input .form-item {
|
||||
margin: 0 0 1em;
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove outline from added media list.
|
||||
*
|
||||
* The added media list receives focus after adding new media, but since it is
|
||||
* not an interactive element, it does not need an outline.
|
||||
*/
|
||||
.media-library-add-form__added-media {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.media-library-add-form__input-wrapper {
|
||||
padding: 16px;
|
||||
border: 1px solid #bfbfbf;
|
||||
border-radius: 2px;
|
||||
background: #fcfcfa;
|
||||
}
|
||||
|
||||
/* Style the media add upload form. */
|
||||
.media-library-add-form--upload.media-library-add-form--without-input .form-item-upload {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.media-library-add-form .file-upload-help {
|
||||
margin: 8px 0 0;
|
||||
}
|
||||
|
||||
/* Style the media add oEmbed form. */
|
||||
.media-library-add-form--oembed .media-library-add-form__input-wrapper {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 37.5em) {
|
||||
.media-library-add-form--oembed .media-library-add-form__input-wrapper {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.media-library-add-form--oembed.media-library-add-form--without-input .form-item-url {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.media-library-add-form-oembed-url {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/**
|
||||
* @todo Remove .button when styles are moved to the seven theme in
|
||||
* https://www.drupal.org/project/drupal/issues/2980769
|
||||
*/
|
||||
.button.media-library-add-form-oembed-submit {
|
||||
align-self: center;
|
||||
}
|
||||
|
||||
/* Media add form selection styles. */
|
||||
.media-library-add-form__selected-media {
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
/* Change to padding to account for the negative margin for flex grid. */
|
||||
.media-library-add-form__selected-media .details-wrapper {
|
||||
padding: 0 10px 1em 10px;
|
||||
}
|
||||
|
||||
.media-library-add-form__selected-media .media-library-item .field--name-thumbnail img {
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
/* Generic media library view styles. */
|
||||
.media-library-select-all {
|
||||
flex-basis: 100%;
|
||||
width: 100%;
|
||||
margin: 10px 8px;
|
||||
}
|
||||
.media-library-select-all input {
|
||||
margin-right: 10px;
|
||||
}
|
||||
[dir="rtl"] .media-library-select-all input {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.media-library-views-form,
|
||||
.media-library-selection,
|
||||
.media-library-add-form__selected-media .details-wrapper,
|
||||
.media-library-views-form__bulk_form,
|
||||
.media-library-view .form--inline {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.media-library-views-form > .form-actions {
|
||||
flex-basis: 100%;
|
||||
}
|
||||
|
||||
.media-library-views-form__header {
|
||||
flex-basis: 100%;
|
||||
}
|
||||
|
||||
.media-library-views-form__header .form-item {
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
.media-library-views-form__rows {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
flex-basis: 100%;
|
||||
margin: 0 -8px;
|
||||
}
|
||||
|
||||
.media-library-view .form-actions {
|
||||
align-self: flex-end;
|
||||
margin: 0.75em 0;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 600px) {
|
||||
.media-library-view .form-actions {
|
||||
flex-basis: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.media-library-view .media-library-view--form-actions {
|
||||
clear: left;
|
||||
align-self: flex-end;
|
||||
margin: 0.75em 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Override the table display of the visually hidden labels.
|
||||
*
|
||||
* The width, height and overflow properties in the styles for the
|
||||
* .visually-hidden class do not work correctly if the element has a table
|
||||
* display.
|
||||
*/
|
||||
.media-library-item label {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
/* Media library widget view styles. */
|
||||
.media-library-wrapper .media-library-view {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.media-library-wrapper .view-header {
|
||||
align-self: flex-end;
|
||||
margin: 1em 0;
|
||||
text-align: right; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .media-library-wrapper .view-header {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.media-library-wrapper .media-library-view .view-content {
|
||||
flex: 0 0 100%;
|
||||
}
|
||||
|
||||
.media-library-wrapper .views-display-link {
|
||||
margin: 0;
|
||||
padding-left: 22px; /* LTR */
|
||||
color: #333;
|
||||
font-size: 15px;
|
||||
line-height: 16px;
|
||||
}
|
||||
[dir="rtl"] .media-library-wrapper .views-display-link {
|
||||
padding-right: 22px;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.media-library-wrapper .views-display-link.is-active {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.media-library-wrapper .views-display-link-widget {
|
||||
margin-right: 15px;
|
||||
background: url(../../../../misc/icons/333333/grid.svg) left 0 no-repeat; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .media-library-wrapper .views-display-link-widget {
|
||||
background-position: right 0;
|
||||
}
|
||||
|
||||
.media-library-wrapper .views-display-link-widget_table {
|
||||
background: url(../../../../misc/icons/333333/table.svg) left 0 no-repeat; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .media-library-wrapper .views-display-link-widget_table {
|
||||
background-position: right 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Style the media library grid items.
|
||||
*/
|
||||
.media-library-item {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/**
|
||||
* The media library item container receives screen reader focus when items are
|
||||
* removed. Since it is not an interactive element, it does not need an
|
||||
* outline.
|
||||
*/
|
||||
.media-library-item--grid {
|
||||
justify-content: center;
|
||||
box-sizing: border-box;
|
||||
width: 50%;
|
||||
padding: 8px;
|
||||
vertical-align: top;
|
||||
outline: none;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.media-library-item--grid:before {
|
||||
position: absolute;
|
||||
top: 7px;
|
||||
left: 7px;
|
||||
width: calc(100% - 16px);
|
||||
height: calc(100% - 16px);
|
||||
content: "";
|
||||
transition: border-color 0.2s, color 0.2s, background 0.2s;
|
||||
pointer-events: none;
|
||||
border: 1px solid #dbdbdb;
|
||||
}
|
||||
|
||||
/* Media library widget weight field styles. */
|
||||
.media-library-item--grid .form-item {
|
||||
margin: 0.75em;
|
||||
}
|
||||
|
||||
/* The selected items in the add form should be shown a bit smaller. */
|
||||
.media-library-add-form__selected-media .media-library-item--small {
|
||||
width: 33.3%;
|
||||
}
|
||||
|
||||
.media-library-widget-modal .ui-dialog-buttonpane {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.media-library-widget-modal .ui-dialog-buttonpane .form-actions {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
/**
|
||||
* By default, the dialog is too narrow to be usable.
|
||||
* @see Drupal.ckeditor.openDialog()
|
||||
*/
|
||||
.ui-dialog--narrow.media-library-widget-modal {
|
||||
max-width: 75%;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 45em) {
|
||||
.media-library-item--grid {
|
||||
width: 33.3%;
|
||||
}
|
||||
|
||||
/* Change the width for the modal and widget since there is less space. */
|
||||
.media-library-widget-modal .media-library-item--grid,
|
||||
.media-library-selection .media-library-item--grid {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
/* The selected items in the add form should be shown a bit smaller. */
|
||||
.media-library-add-form__selected-media .media-library-item--small {
|
||||
width: 25%;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 60em) {
|
||||
.media-library-item--grid {
|
||||
width: 25%;
|
||||
}
|
||||
|
||||
/* Change the width for the modal and widget since there is less space. */
|
||||
.media-library-widget-modal .media-library-item--grid,
|
||||
.media-library-selection .media-library-item--grid {
|
||||
width: 33.3%;
|
||||
}
|
||||
|
||||
/* The selected items in the add form should be shown a bit smaller. */
|
||||
.media-library-add-form__selected-media .media-library-item--small {
|
||||
width: 16.6%;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 77em) {
|
||||
.media-library-item--grid {
|
||||
width: 16.6%;
|
||||
}
|
||||
|
||||
/* Change the width for the modal and widget since there is less space. */
|
||||
.media-library-widget-modal .media-library-item--grid,
|
||||
.media-library-selection .media-library-item--grid {
|
||||
width: 25%;
|
||||
}
|
||||
|
||||
/* The selected items in the add form should be shown a bit smaller. */
|
||||
.media-library-add-form__selected-media .media-library-item--small {
|
||||
width: 16.6%;
|
||||
}
|
||||
}
|
||||
|
||||
.media-library-item--grid .field--name-thumbnail {
|
||||
overflow: hidden;
|
||||
text-align: center;
|
||||
background-color: #ebebeb;
|
||||
}
|
||||
|
||||
.media-library-item--grid .field--name-thumbnail img {
|
||||
height: 180px;
|
||||
object-fit: contain;
|
||||
object-position: center center;
|
||||
}
|
||||
|
||||
.media-library-item--grid.is-hover:before,
|
||||
.media-library-item--grid.checked:before,
|
||||
.media-library-item--grid.is-focus:before {
|
||||
top: 5px;
|
||||
left: 5px;
|
||||
border-width: 3px;
|
||||
border-color: #40b6ff;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.media-library-item--grid.checked:before {
|
||||
border-color: #0076c0;
|
||||
}
|
||||
|
||||
.media-library-item__click-to-select-checkbox {
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
top: 16px;
|
||||
left: 16px; /* LTR */
|
||||
display: block;
|
||||
}
|
||||
[dir="rtl"] .media-library-item__click-to-select-checkbox {
|
||||
right: 16px;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
.media-library-item__click-to-select-checkbox input {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.media-library-item__click-to-select-checkbox .form-item {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.media-library-item__click-to-select-trigger {
|
||||
overflow: hidden;
|
||||
height: 100%;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* Media library item table styles. */
|
||||
.media-library-item--table img {
|
||||
max-width: 100px;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
/* Media library entity view display styles. */
|
||||
.media-library-item__preview {
|
||||
padding-bottom: 34px;
|
||||
cursor: move;
|
||||
}
|
||||
|
||||
.media-library-item__status {
|
||||
position: absolute;
|
||||
top: 40px;
|
||||
left: 5px; /* LTR */
|
||||
padding: 5px 10px;
|
||||
pointer-events: none;
|
||||
color: #e4e4e4;
|
||||
background: #666;
|
||||
font-size: 12px;
|
||||
font-style: italic;
|
||||
}
|
||||
[dir="rtl"] .media-library-item__status {
|
||||
right: 5px;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
.media-library-item__attributes {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
max-width: calc(100% - 10px);
|
||||
max-height: calc(100% - 50px);
|
||||
padding: 5px;
|
||||
background: white;
|
||||
}
|
||||
|
||||
.media-library-item__name {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.media-library-item__name {
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
margin: 2px;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.media-library-item__attributes:hover .media-library-item__name,
|
||||
.media-library-item--grid.is-focus .media-library-item__name,
|
||||
.media-library-item--grid.checked .media-library-item__name {
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
.media-library-item__type {
|
||||
color: #696969;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.media-library-item--disabled {
|
||||
pointer-events: none;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
/* Media library widget styles. */
|
||||
.media-library-widget {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/**
|
||||
* @todo Change to .media-library-open-button when styles are moved to the
|
||||
* seven theme in https://www.drupal.org/project/drupal/issues/2980769
|
||||
*/
|
||||
.button.media-library-open-button {
|
||||
margin-bottom: 1em;
|
||||
margin-left: 0; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .button.media-library-open-button {
|
||||
margin-right: 0;
|
||||
margin-left: 1em;
|
||||
}
|
||||
|
||||
.media-library-widget__toggle-weight {
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
right: 5px; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .media-library-widget__toggle-weight {
|
||||
right: auto;
|
||||
left: 5px;
|
||||
}
|
||||
|
||||
/* Add negative margin for flex grid. */
|
||||
.media-library-selection {
|
||||
margin: 1em -8px;
|
||||
}
|
||||
|
||||
/**
|
||||
* Media library widget edit and delete button styles.
|
||||
*
|
||||
* We have to override the .button styles since buttons make heavy use of
|
||||
* background and border property changes.
|
||||
*/
|
||||
.media-library-item__edit,
|
||||
.media-library-item__edit:hover,
|
||||
.media-library-item__edit:focus,
|
||||
.media-library-item__remove,
|
||||
.media-library-item__remove:hover,
|
||||
.media-library-item__remove:focus,
|
||||
.media-library-item__remove.button,
|
||||
.media-library-item__remove.button:first-child,
|
||||
.media-library-item__remove.button:disabled,
|
||||
.media-library-item__remove.button:disabled:active,
|
||||
.media-library-item__remove.button:hover,
|
||||
.media-library-item__remove.button:focus {
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
top: 10px;
|
||||
overflow: hidden;
|
||||
width: 21px;
|
||||
height: 21px;
|
||||
margin: 5px;
|
||||
padding: 0;
|
||||
transition: 0.2s border-color;
|
||||
color: transparent;
|
||||
border: 2px solid #ccc;
|
||||
border-radius: 20px;
|
||||
background-size: 13px;
|
||||
text-shadow: none;
|
||||
font-size: 0;
|
||||
}
|
||||
|
||||
.media-library-item__edit {
|
||||
right: 40px; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .media-library-item__edit {
|
||||
right: auto;
|
||||
left: 40px;
|
||||
}
|
||||
|
||||
.media-library-item__remove {
|
||||
right: 10px; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .media-library-item__remove {
|
||||
right: auto;
|
||||
left: 10px;
|
||||
}
|
||||
|
||||
.media-library-item__edit {
|
||||
background: url("../../../../misc/icons/787878/pencil.svg") #fff center no-repeat;
|
||||
background-size: 13px;
|
||||
}
|
||||
.media-library-item__remove,
|
||||
.media-library-item__remove.button,
|
||||
.media-library-item__remove.button:first-child,
|
||||
.media-library-item__remove.button:disabled,
|
||||
.media-library-item__remove.button:disabled:active,
|
||||
.media-library-item__remove.button:hover,
|
||||
.media-library-item__remove.button:focus {
|
||||
background: url("../../../../misc/icons/787878/ex.svg") #fff center no-repeat;
|
||||
background-size: 13px;
|
||||
}
|
||||
.media-library-item__edit:hover,
|
||||
.media-library-item__edit:focus,
|
||||
.media-library-item__remove:hover,
|
||||
.media-library-item__remove:focus,
|
||||
.media-library-item__remove.button:hover,
|
||||
.media-library-item__remove.button:focus,
|
||||
.media-library-item__remove.button:disabled:active {
|
||||
border-color: #40b6ff;
|
||||
}
|
||||
|
||||
/**
|
||||
* Style the added media item container.
|
||||
*
|
||||
* The added media container receives screen reader focus since it is has the
|
||||
* role 'listitem'. Since it is not an interactive element, it does not need
|
||||
* an outline.
|
||||
*/
|
||||
.media-library-add-form__media {
|
||||
position: relative;
|
||||
display: flex;
|
||||
padding: 1em 0;
|
||||
border-bottom: 1px solid #c0c0c0;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
/* Do not show the top padding for the first item. */
|
||||
.media-library-add-form__media:first-child {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Change the position of the remove button for the first item.
|
||||
*
|
||||
* The first item doesn't have a top padding, change the location of the remove
|
||||
* button as well.
|
||||
*/
|
||||
.media-library-add-form__media:first-child .media-library-add-form__remove-button[type="submit"] {
|
||||
top: 5px;
|
||||
}
|
||||
|
||||
/* Do not show the bottom border and padding for the last item. */
|
||||
.media-library-add-form__media:last-child {
|
||||
padding-bottom: 0;
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
.media-library-add-form__preview {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 220px;
|
||||
margin-right: 20px; /* LTR */
|
||||
background: #ebebeb;
|
||||
}
|
||||
[dir="rtl"] .media-library-add-form__preview {
|
||||
margin-right: 0;
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
/**
|
||||
* @todo Remove [type="submit"] when styles are moved to the seven theme in
|
||||
* https://www.drupal.org/project/drupal/issues/2980769
|
||||
*/
|
||||
.media-library-add-form__remove-button[type="submit"] {
|
||||
position: absolute;
|
||||
top: 25px;
|
||||
right: 6px; /* LTR */
|
||||
width: auto;
|
||||
margin: 0;
|
||||
padding: 2px 20px 2px 2px; /* LTR */
|
||||
text-transform: lowercase;
|
||||
color: transparent;
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
background: transparent url(../../../../misc/icons/787878/ex.svg) right 2px no-repeat; /* LTR */
|
||||
font-weight: normal;
|
||||
line-height: 16px;
|
||||
}
|
||||
[dir="rtl"] .media-library-add-form__remove-button[type="submit"] {
|
||||
right: auto;
|
||||
left: 13px;
|
||||
padding: 2px 2px 2px 20px;
|
||||
background-position: left 2px;
|
||||
}
|
||||
|
||||
.media-library-add-form__remove-button:focus,
|
||||
.media-library-add-form__remove-button.button:disabled,
|
||||
.media-library-add-form__remove-button.button:disabled:active,
|
||||
.media-library-add-form__remove-button.button:focus {
|
||||
color: #787878;
|
||||
border: 0;
|
||||
background: transparent url(../../../../misc/icons/787878/ex.svg) right 2px no-repeat; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .media-library-add-form__remove-button:focus,
|
||||
[dir="rtl"] .media-library-add-form__remove-button.button:disabled,
|
||||
[dir="rtl"] .media-library-add-form__remove-button.button:disabled:active,
|
||||
[dir="rtl"] .media-library-add-form__remove-button.button:focus {
|
||||
background-position: left 2px;
|
||||
}
|
||||
|
||||
.media-library-add-form__remove-button:hover,
|
||||
.media-library-add-form__remove-button.button:hover {
|
||||
color: #e00;
|
||||
border: 0;
|
||||
background: transparent url(../../../../misc/icons/ee0000/ex.svg) right 2px no-repeat; /* LTR */
|
||||
box-shadow: none;
|
||||
}
|
||||
[dir="rtl"] .media-library-add-form__remove-button:hover,
|
||||
[dir="rtl"] .media-library-add-form__remove-button.button:hover {
|
||||
background-position: left 2px;
|
||||
}
|
||||
|
||||
/* @todo Remove in https://www.drupal.org/project/drupal/issues/3064914 */
|
||||
.views-live-preview .media-library-view div.views-row + div.views-row {
|
||||
margin-top: 0;
|
||||
}
|
||||
@@ -0,0 +1,28 @@
|
||||
/**
|
||||
* @file update-report.css
|
||||
*
|
||||
* Styling for the Available updates report at admin/reports/updates
|
||||
*/
|
||||
|
||||
.project-update__compatibility-details details {
|
||||
height: 20px;
|
||||
margin: 2px 0;
|
||||
border: 0;
|
||||
background-color: inherit;
|
||||
}
|
||||
.project-update__compatibility-details details[open] {
|
||||
overflow: visible;
|
||||
height: auto;
|
||||
white-space: normal;
|
||||
}
|
||||
.project-update__compatibility-details summary {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
text-transform: none;
|
||||
border: 0;
|
||||
font-weight: normal;
|
||||
}
|
||||
.project-update__compatibility-details .details-wrapper {
|
||||
margin: 0;
|
||||
padding: 5px 0;
|
||||
}
|
||||
Reference in New Issue
Block a user