You are here

color.css in AT Tools 8.3

/**
 * Colors
 * - Add or modify colors for all theme elements.
 * - Most colors are set in _variables.scss where you can make global changes
 *   without touching this file at all.
 * - If your theme is using the Color module be very careful about what you
 *   change in this file, or in the global _variables.scss file, the color
 *   schemes expect certain hex values to exist in the color.css file - it is
 *   safer to place colors in a partial that is not parsed by the Color module.
 ============================================================================ */
/**
 * base.elements
 ============================================================================ */
html {
  background-color: #333333;
}

body {
  background-color: transparent;
  color: #363636;
}

a {
  color: #0066cc;
}

a:visited {
  color: #0066cc;
}

a:active, a.active {
  color: #0066cc;
}

a:hover, a:focus {
  color: #0066cc;
}

blockquote {
  border-color: #cccccc;
}

blockquote p:first-child:before {
  color: #cccccc;
}

blockquote small {
  color: #5c5c5c;
}

blockquote.pull-right {
  border-right-color: #cccccc;
}

hr {
  border-color: #cccccc;
}

/**
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background-color: #b3d4fc;
}

::selection {
  background-color: #b3d4fc;
}

del {
  color: #5c5c5c;
}

code,
pre,
var,
kbd,
samp {
  background: #f2f2f2;
}

/**
 * Web fonts
 ============================================================================ */
/* Override Font Awesome classes. */
.fa-border {
  border-color: #cccccc;
}

/*  Extra classes for Font Awesome. */
.fa-text-color {
  color: #363636;
}

.fa-text-color-light {
  color: #808080;
}

.fa-text-color-medium {
  color: #5c5c5c;
}

.fa-match-border {
  color: #cccccc;
}

.fa-match-border-light {
  color: #eeeeee;
}

.fa-match-link {
  color: #0066cc;
}

.fa-trans-white-25 {
  color: rgba(255, 255, 255, 0.25);
}

.fa-trans-white-50 {
  color: rgba(255, 255, 255, 0.5);
}

.fa-trans-white-75 {
  color: rgba(255, 255, 255, 0.75);
}

.fa-trans-black-25 {
  color: rgba(0, 0, 0, 0.25);
}

.fa-trans-black-50 {
  color: rgba(0, 0, 0, 0.5);
}

.fa-trans-black-75 {
  color: rgba(0, 0, 0, 0.75);
}

/**
 * Page
 *  - mainly for markup that is printed directly in page.html.twig and
 *    .l-r {}
 ============================================================================ */
.page {
  background-color: #f7f7f7;
}

.regions {
  background-color: #f7f7f7;
}

.pr-header {
  color: #363636;
  background-color: #fafafa;
}

.pr-header .regions {
  background: inherit;
}

.pr-navbar {
  color: #ffffff;
  background-color: #666666;
}

.pr-navbar .regions {
  background: inherit;
}

.pr-navbar .menu a {
  color: inherit;
}

.pr-features {
  color: #363636;
  background-color: #d3d3d3;
}

.pr-features .regions {
  background: inherit;
}

.pr-subfeatures {
  color: #363636;
  background-color: #d3d3d3;
}

.pr-subfeatures .regions {
  background: inherit;
}

.pr-footer {
  color: #ffffff;
  background-color: #666666;
}

.pr-footer .regions {
  background: inherit;
}

.pr-footer .menu a {
  color: inherit;
}

.pr-footer .menu a.active, .pr-footer .menu a:hover, .pr-footer .menu a:focus {
  color: inherit;
}

/**
 * AT attribution message
 *  - a toggle setting in the theme settings, you can turn it on/off using
 *    the Markup overrides extension.
 ============================================================================ */
.attribution .l-rw {
  background-color: transparent;
}

.attribution .attribution__link {
  color: #363636;
}

/**
 * Feed Icons
 *  - icons are SVG, SEE feed-icon.html.twig in AT Core templates directory.
 ============================================================================ */
.feed-icon-rss__path {
  fill: rgba(0, 0, 0, 0.6);
}

/**
 * Branding styles
 *  - Drupal core branding block.
 ============================================================================ */
.site-branding__name-link:link, .site-branding__name-link:visited {
  color: #5c5c5c;
}

.site-branding__name-link:hover, .site-branding__name-link:active {
  color: #363636;
}

/**
 * Blocks
 ============================================================================ */
/**
 * Menus
 *  - style Drupal core block menus.
 *  - for the drop menu and other responsive menus see the mixins and the
 *    _navbar.scss partial.
 ============================================================================ */
.menu .menu__link {
  color: #0066cc;
  border-color: #cccccc;
}

.menu .menu__link:hover, .menu .menu__link:focus {
  color: #0066cc;
}

.menu .menu__link.active {
  color: #0066cc;
}

.menu__item:first-child .menu__link {
  border-color: #cccccc;
}

/**
 * Responsive menu styles.
 *
 * Mixins provide the basic structure and a base style (not much), the rest
 * is up to you, add colors, borders, padding and so on. Icons such as
 * the hamburger and arrows are set in variables in _variables.scss, and you
 * use the color variables for menus from there also.
 *
 * Menu styles are set in Appearance settings using the Responsive Menus extension.
 * There you select a block, breakpoint, a default style and a responsive style.
 * You can safely remove mixins from this file if you not going to use them later
 * on, and want to save a few bytes in stylesheet size.
 *
 * Each mixin takes one or more parameters. Use these to customize the basic structure
 * of the menu, or call options, for example you can place the offcanvas menu on the
 * left or right.
 *
 * Do not import into breakpoints unless you are not using the Responsive Menu
 * settings in Appearance Extensions, in which case you will need to load the
 * at_core/at.responsivemenus library and provide it's required drupalSettings.
 *
 * Breakpoints are handled in matchMedia using Enquire.
 *
 * Responsive styles are a combination of three things:
 *  1. Sass/CSS defined here (with breakpoints etc).
 *  2. jQuery: responsive-menus.js in AT Core libraries which adds/toggles classes.
 *  3. Theme settings as set in your themes Advanced extension settings.
 ============================================================================ */
.rm-toggle__link, .rm-toggle__link:hover, .rm-toggle__link:focus, .rm-toggle__link:active {
  color: #ffffff;
  background-color: #666666;
}

.rm-toggle__icon {
  fill: #ffffff;
}

.rm-toggle span {
  background-color: transparent;
}

.ms-offcanvas .rm-block__content .menu .menu__link,
.ms-offcanvas .rm-block__content .menu .rm-accordion-trigger,
.ms-vertical .rm-block__content .menu .menu__link,
.ms-vertical .rm-block__content .menu .rm-accordion-trigger,
.ms-slidedown .rm-block__content .menu .menu__link,
.ms-slidedown .rm-block__content .menu .rm-accordion-trigger,
.ms-tiles .rm-block__content .menu .menu__link,
.ms-tiles .rm-block__content .menu .rm-accordion-trigger {
  color: #ffffff;
  background-color: #666666;
}

.ms-offcanvas .rm-block__content .menu .menu__link:hover, .ms-offcanvas .rm-block__content .menu .menu__link:focus,
.ms-offcanvas .rm-block__content .menu .rm-accordion-trigger:hover,
.ms-offcanvas .rm-block__content .menu .rm-accordion-trigger:focus,
.ms-vertical .rm-block__content .menu .menu__link:hover,
.ms-vertical .rm-block__content .menu .menu__link:focus,
.ms-vertical .rm-block__content .menu .rm-accordion-trigger:hover,
.ms-vertical .rm-block__content .menu .rm-accordion-trigger:focus,
.ms-slidedown .rm-block__content .menu .menu__link:hover,
.ms-slidedown .rm-block__content .menu .menu__link:focus,
.ms-slidedown .rm-block__content .menu .rm-accordion-trigger:hover,
.ms-slidedown .rm-block__content .menu .rm-accordion-trigger:focus,
.ms-tiles .rm-block__content .menu .menu__link:hover,
.ms-tiles .rm-block__content .menu .menu__link:focus,
.ms-tiles .rm-block__content .menu .rm-accordion-trigger:hover,
.ms-tiles .rm-block__content .menu .rm-accordion-trigger:focus {
  color: #ffffff;
  background-color: #757575;
}

.ms-offcanvas .rm-block__content .menu .menu__link.is-active,
.ms-vertical .rm-block__content .menu .menu__link.is-active,
.ms-slidedown .rm-block__content .menu .menu__link.is-active,
.ms-tiles .rm-block__content .menu .menu__link.is-active {
  color: #ffffff;
  background-color: #757575;
}

.ms-offcanvas .rm-block__content .menu .menu__link.is-active[href="/"],
.ms-vertical .rm-block__content .menu .menu__link.is-active[href="/"],
.ms-slidedown .rm-block__content .menu .menu__link.is-active[href="/"],
.ms-tiles .rm-block__content .menu .menu__link.is-active[href="/"] {
  color: #ffffff;
  background-color: #666666;
}

.ms-offcanvas .rm-block__content .menu .menu__link.is-active[href="/"]:hover, .ms-offcanvas .rm-block__content .menu .menu__link.is-active[href="/"]:focus,
.ms-vertical .rm-block__content .menu .menu__link.is-active[href="/"]:hover,
.ms-vertical .rm-block__content .menu .menu__link.is-active[href="/"]:focus,
.ms-slidedown .rm-block__content .menu .menu__link.is-active[href="/"]:hover,
.ms-slidedown .rm-block__content .menu .menu__link.is-active[href="/"]:focus,
.ms-tiles .rm-block__content .menu .menu__link.is-active[href="/"]:hover,
.ms-tiles .rm-block__content .menu .menu__link.is-active[href="/"]:focus {
  color: #ffffff;
  background-color: #757575;
}

.ms-offcanvas .rm-block__content .rm-accordion-trigger__icon,
.ms-vertical .rm-block__content .rm-accordion-trigger__icon,
.ms-slidedown .rm-block__content .rm-accordion-trigger__icon,
.ms-tiles .rm-block__content .rm-accordion-trigger__icon {
  background-color: transparent !important;
  fill: #ffffff;
}

.ms-slidedown .rm-row,
.ms-slidedown .rm-region {
  background-color: #fafafa;
}

.ms-dropmenu .rm-block__content .menu-level-1 > li > span > .menu__link,
.ms-horizontal .rm-block__content .menu-level-1 > li > span > .menu__link {
  color: inherit;
  background-color: transparent;
}

.ms-dropmenu .rm-block__content .menu-level-1 > li > span > .menu__link:hover, .ms-dropmenu .rm-block__content .menu-level-1 > li > span > .menu__link:focus,
.ms-horizontal .rm-block__content .menu-level-1 > li > span > .menu__link:hover,
.ms-horizontal .rm-block__content .menu-level-1 > li > span > .menu__link:focus {
  color: #ffffff;
  background-color: #757575;
}

.ms-dropmenu .rm-block__content .menu-level-1 > li > span > .menu__link.is-active,
.ms-horizontal .rm-block__content .menu-level-1 > li > span > .menu__link.is-active {
  color: #ffffff;
  background-color: #757575;
}

.ms-dropmenu .rm-block__content .menu-level-1 > li > span > .menu__link.is-active[href="/"],
.ms-horizontal .rm-block__content .menu-level-1 > li > span > .menu__link.is-active[href="/"] {
  color: inherit;
  background-color: transparent;
}

.ms-dropmenu .rm-block__content .menu-level-1 > li > span > .menu__link.is-active[href="/"]:hover, .ms-dropmenu .rm-block__content .menu-level-1 > li > span > .menu__link.is-active[href="/"]:focus,
.ms-horizontal .rm-block__content .menu-level-1 > li > span > .menu__link.is-active[href="/"]:hover,
.ms-horizontal .rm-block__content .menu-level-1 > li > span > .menu__link.is-active[href="/"]:focus {
  color: #ffffff;
  background-color: #757575;
}

.ms-dropmenu .rm-block__content .menu-level-2 .menu__link,
.ms-horizontal .rm-block__content .menu-level-2 .menu__link {
  color: #ffffff;
  background-color: #666666;
}

.ms-dropmenu .rm-block__content .menu-level-2 .menu__link:hover, .ms-dropmenu .rm-block__content .menu-level-2 .menu__link:focus,
.ms-horizontal .rm-block__content .menu-level-2 .menu__link:hover,
.ms-horizontal .rm-block__content .menu-level-2 .menu__link:focus {
  color: #ffffff;
  background-color: #757575;
}

.ms-dropmenu .rm-block__content .menu-level-2 .menu__link.is-active,
.ms-horizontal .rm-block__content .menu-level-2 .menu__link.is-active {
  color: #ffffff;
  background-color: #757575;
}

.ms-overlay .rm-toggle {
  background-color: rgba(0, 0, 0, 0.875);
}

.ms-overlay .rm-toggle:hover, .ms-overlay .rm-toggle:focus {
  background-color: rgba(0, 0, 0, 0.95);
}

.ms-overlay .rm-toggle__link, .ms-overlay .rm-toggle__icon {
  background-color: transparent;
}

.ms-overlay .rm-toggle__link:hover, .ms-overlay .rm-toggle__link:focus, .ms-overlay .rm-toggle__icon:hover, .ms-overlay .rm-toggle__icon:focus {
  background-color: transparent;
}

.ms-overlay.rm-is-open .rm-toggle {
  opacity: 1;
  background-color: white;
}

.ms-overlay.rm-is-open .rm-toggle__icon {
  fill: black;
}

.ms-overlay .rm-block__content {
  background-color: rgba(0, 0, 0, 0.8);
}

.ms-overlay .rm-block__content .menu {
  background-color: transparent;
}

.ms-overlay .rm-block__content .menu .menu__link {
  color: white;
  background-color: rgba(0, 0, 0, 0.95);
}

.ms-overlay .rm-block__content .menu .menu__link:hover, .ms-overlay .rm-block__content .menu .menu__link:focus, .ms-overlay .rm-block__content .menu .menu__link.is-active {
  background-color: rgba(0, 0, 0, 0.75);
}

.ms-overlay .rm-block__content .menu .menu__link.is-active[href="/"] {
  background-color: rgba(0, 0, 0, 0.75);
}

.ms-overlay .rm-block__content .menu .menu__link.is-active[href="/"]:hover, .ms-overlay .rm-block__content .menu .menu__link.is-active[href="/"]:focus {
  background-color: rgba(0, 0, 0, 0.75);
}

.ms-overlay .rm-block__content .menu .rm-accordion-trigger {
  background-color: rgba(0, 0, 0, 0.95);
}

.ms-overlay .rm-block__content .menu .rm-accordion-trigger:hover, .ms-overlay .rm-block__content .menu .rm-accordion-trigger:focus {
  background-color: rgba(0, 0, 0, 0.75);
}

.ms-overlay .rm-block__content .menu .rm-accordion-trigger__icon {
  fill: white;
}

.ms-meganav .rm-block__content .menu .menu__link {
  color: inherit;
  background-color: transparent;
}

.ms-meganav .rm-block__content .menu .menu__link:hover, .ms-meganav .rm-block__content .menu .menu__link:focus {
  color: #ffffff;
  background-color: #757575;
}

.ms-meganav.rm-is-open .rm-block__content .menu-level-1 > .menu__item {
  border-bottom: 1px solid #cccccc;
}

.ms-meganav.rm-is-open .rm-block__content .menu-level-1 > .menu__item > span > .menu__link {
  color: #ffffff;
  background-color: #666666;
}

.ms-meganav.rm-is-open .rm-block__content .menu-level-1 > .menu__item > span > .menu__link:hover, .ms-meganav.rm-is-open .rm-block__content .menu-level-1 > .menu__item > span > .menu__link:focus {
  color: #ffffff;
  background-color: #757575;
}

/**
 * Breadcrumbs
 ============================================================================ */
.breadcrumb li:before {
  color: #cccccc;
}

.breadcrumb a {
  color: #0066cc;
  text-decoration: none;
}

/**
 * Pagers
 * - Full system pager.
 * - Views mini pager.
 ============================================================================ */
.pager__link {
  border-color: #cccccc;
}

.pager__link:focus, .pager__link:hover {
  background-color: rgba(255, 255, 255, 0.75);
}

.pager__link:active {
  -webkit-box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.75);
          box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.75);
  opacity: 0.9;
}

.pager__link--is-active {
  background-color: rgba(255, 255, 255, 0.75);
}

.pager--mini .pager__link--is-active {
  background-color: transparent;
  opacity: 0.65;
}

/**
 * Table Theme
 * Style Drupal selectors for tables.
 ============================================================================ */
tr:hover {
  background-color: #ededed;
}

thead tr {
  color: #363636;
  background-color: #e8e8e8;
}

tr,
td,
th {
  border-color: #cccccc;
}

/**
 * Forms
 *  - This probably seems like a lot - remember AT unsets system.theme.css and
 *    gives you complete control over all form elements.
 *
 * Note:
 *  - input type submit is treated as a 'button', see _buttons.scss
 *  - for drop buttons see _buttons.scss
 ============================================================================ */
textarea,
select,
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"] {
  color: #363636;
  border-color: #cccccc;
  background-color: #ffffff;
}

textarea:focus,
select:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus {
  border-color: #cccccc;
  color: #363636;
}

textarea:hover, textarea:focus,
select:hover,
select:focus,
input[type="date"]:hover,
input[type="date"]:focus,
input[type="datetime"]:hover,
input[type="datetime"]:focus,
input[type="datetime-local"]:hover,
input[type="datetime-local"]:focus,
input[type="email"]:hover,
input[type="email"]:focus,
input[type="month"]:hover,
input[type="month"]:focus,
input[type="number"]:hover,
input[type="number"]:focus,
input[type="password"]:hover,
input[type="password"]:focus,
input[type="search"]:hover,
input[type="search"]:focus,
input[type="tel"]:hover,
input[type="tel"]:focus,
input[type="text"]:hover,
input[type="text"]:focus,
input[type="time"]:hover,
input[type="time"]:focus,
input[type="url"]:hover,
input[type="url"]:focus,
input[type="week"]:hover,
input[type="week"]:focus {
  background-color: #ffffff;
}

textarea[disabled]:hover, textarea[disabled]:focus,
select[disabled]:hover,
select[disabled]:focus,
input[type="date"][disabled]:hover,
input[type="date"][disabled]:focus,
input[type="datetime"][disabled]:hover,
input[type="datetime"][disabled]:focus,
input[type="datetime-local"][disabled]:hover,
input[type="datetime-local"][disabled]:focus,
input[type="email"][disabled]:hover,
input[type="email"][disabled]:focus,
input[type="month"][disabled]:hover,
input[type="month"][disabled]:focus,
input[type="number"][disabled]:hover,
input[type="number"][disabled]:focus,
input[type="password"][disabled]:hover,
input[type="password"][disabled]:focus,
input[type="search"][disabled]:hover,
input[type="search"][disabled]:focus,
input[type="tel"][disabled]:hover,
input[type="tel"][disabled]:focus,
input[type="text"][disabled]:hover,
input[type="text"][disabled]:focus,
input[type="time"][disabled]:hover,
input[type="time"][disabled]:focus,
input[type="url"][disabled]:hover,
input[type="url"][disabled]:focus,
input[type="week"][disabled]:hover,
input[type="week"][disabled]:focus {
  color: #363636;
}

/**
 * Collapsible details.
 *
 * @see collapse.js
 * @thanks http://nicolasgallagher.com/css-background-image-hacks/
 */
details {
  border-color: #cccccc;
  background-color: #f7f7f7;
}

input[readonly],
select[readonly],
textarea[readonly] {
  background-color: #ededed;
  color: #363636;
}

button[disabled],
input[disabled],
select[disabled],
select[disabled] option,
select[disabled] optgroup,
textarea[disabled],
a.button_disabled {
  background-color: #ededed;
  color: #363636;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #363636;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #363636;
}

input.placeholder_text,
textarea.placeholder_text {
  color: #363636;
}

/**
 * Form Theme
 ============================================================================ */
.form-type-radio label.option,
.form-type-checkbox label.option {
  border-color: #cccccc;
  background-color: #ffffff;
}

.form-type-radio label.option:focus, .form-type-radio label.option:hover,
.form-type-checkbox label.option:focus,
.form-type-checkbox label.option:hover {
  background-color: rgba(255, 255, 255, 0.75);
}

.filter-wrapper {
  border-color: #cccccc;
}

.tips {
  color: #363636;
}

.description {
  color: #363636;
}

form .marker {
  color: #ee0000;
}

.form-required:after {
  color: #ee0000;
}

.form-item input.error,
.form-item textarea.error,
.form-item select.error {
  border-color: #f9c9bf;
}

/**
 * Vertical tabs.
 ============================================================================ */
.vertical-tabs {
  background-color: #f2f2f2;
  border-color: #cccccc;
}

.vertical-tabs__menu {
  background-color: #ffffff;
  border-top-color: #cccccc;
}

.vertical-tabs__menu-item {
  background: #ffffff;
  border-color: #cccccc;
}

.vertical-tabs__menu-item.is-selected {
  background-color: #f2f2f2;
}

.vertical-tabs__menu-item.is-selected .vertical-tabs__menu-item-title {
  color: #363636;
}

.vertical-tabs__pane {
  background-color: #f2f2f2;
}

/**
 * Buttons
 * We include button styling separate (from _forms.scss) mainly because the form
 * styles are quite long already and we often want to add unique button variants.
 *
 *  - applies to elements with class "button", includes styles for:
 *  - input buttons
 *  - anchor links styled as buttons
 *  - drop buttons
 *  - action link buttons
 ============================================================================ */
button,
.button {
  color: #fcfcfc;
  background-color: #828282;
  border-color: #828282;
  opacity: 0.9;
  -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.5);
          box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.5);
}

button:hover, button:focus,
.button:hover,
.button:focus {
  opacity: 1;
  color: #fcfcfc;
  background-color: #828282;
}

button:visited,
.button:visited {
  color: #fcfcfc;
  background-color: #828282;
}

button[disabled]:hover,
.button[disabled]:hover {
  opacity: 1;
}

.button--primary {
  color: #fcfcfc;
  background-color: #0066cc;
  border: 1px #0066cc solid;
}

.button--primary:link, .button--primary:visited {
  color: #fcfcfc;
  background-color: #0066cc;
  border-color: #0066cc;
}

.button--primary:hover, .button--primary:focus, .button--primary:active, .button--primary.active {
  color: #fcfcfc;
  background-color: #0066cc;
  border-color: #0066cc;
}

.button--danger {
  color: #a51b00;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.button--danger:link, .button--danger:visited {
  color: #a51b00;
  background-color: transparent;
  border-color: transparent;
}

.button--danger:hover, .button--danger:focus, .button--danger:active, .button--danger.active {
  color: #a51b00;
  background-color: transparent;
  border-color: transparent;
}

.button-action {
  opacity: 1;
}

#edit-preview {
  background-color: #ffffff;
  color: #828282;
}

button.link-edit-summary {
  background-color: inherit;
  color: #363636;
}

button.link-edit-summary:hover, button.link-edit-summary:focus {
  background-color: inherit;
  color: #363636;
}

/* Drop buttons */
.dropbutton-widget {
  background-color: #f7f7f7;
  border-color: #828282;
}

.dropbutton-widget:hover, .dropbutton-widget:focus {
  border-color: #828282;
}

.dropbutton .dropbutton-action .button {
  color: #fcfcfc;
  background-color: #0066cc;
}

.dropbutton .dropbutton-action .button:link, .dropbutton .dropbutton-action .button:visited {
  color: #fcfcfc;
  background-color: #0066cc;
  border-color: #ccc;
}

.dropbutton .dropbutton-action .button:hover, .dropbutton .dropbutton-action .button:focus, .dropbutton .dropbutton-action .button:active, .dropbutton .dropbutton-action .button.active {
  color: #fcfcfc;
  background-color: #0066cc;
  border-color: #ccc;
}

.dropbutton .secondary-action {
  border-top-color: #828282;
}

.dropbutton .secondary-action .button {
  background-color: #f7f7f7;
  color: #828282;
}

.dropbutton .dropbutton-toggle button:hover {
  background-color: transparent;
}

.dropbutton-multiple .dropbutton {
  border-right-color: #828282;
}

[dir="rtl"] .dropbutton-multiple .dropbutton {
  border-left-color: #828282;
}

.dropbutton-multiple.open .dropbutton-action .button {
  border-radius: 2px 0 0 0;
}

.dropbutton-arrow {
  color: #828282;
}

/**
 * Modal dialogs.
 *  -  override jQuery UI styles.
 ============================================================================ */
.ui-widget-overlay {
  background: rgba(0, 0, 0, 0.95);
  opacity: 0.3;
}

.ui-dialog .form-text {
  background-color: inherit !important;
  color: black !important;
  border-color: silver !important;
}

.ui-dialog .form-text::-webkit-input-placeholder {
  color: silver;
}

.ui-dialog .form-text::-ms-input-placeholder {
  color: silver;
}

.ui-dialog .form-text::placeholder {
  color: silver;
}

.ui-dialog .form-type-radio label.option,
.ui-dialog .form-type-checkbox label.option {
  border-color: transparent;
  background-color: inherit;
}

.ui-dialog .form-type-radio label.option:focus, .ui-dialog .form-type-radio label.option:hover,
.ui-dialog .form-type-checkbox label.option:focus,
.ui-dialog .form-type-checkbox label.option:hover {
  color: inherit;
  background-color: inherit;
}

.ui-dialog .ui-dialog-titlebar {
  color: #363636;
}

.ui-dialog .ui-dialog-buttonpane button {
  color: #fcfcfc;
  background: #828282;
  border-color: #828282;
  opacity: 0.9;
  -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.5);
          box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.5);
}

.ui-dialog .ui-dialog-buttonpane button:hover, .ui-dialog .ui-dialog-buttonpane button:focus {
  opacity: 1;
  color: #fcfcfc;
  background: #828282;
}

.ui-dialog .ui-dialog-buttonpane button:visited {
  color: #fcfcfc;
  background: #828282;
}

.ui-dialog .ui-dialog-buttonpane button[disabled]:hover {
  opacity: 1;
}

.ui-dialog .ui-dialog-buttonpane .button--primary {
  color: #fcfcfc;
  background-color: #0066cc;
  border: 1px #0066cc solid;
}

.ui-dialog .ui-dialog-buttonpane .button--primary:link, .ui-dialog .ui-dialog-buttonpane .button--primary:visited {
  color: #fcfcfc;
  background-color: #0066cc;
  border-color: #0066cc;
}

.ui-dialog .ui-dialog-buttonpane .button--primary:hover, .ui-dialog .ui-dialog-buttonpane .button--primary:focus, .ui-dialog .ui-dialog-buttonpane .button--primary:active, .ui-dialog .ui-dialog-buttonpane .button--primary.active {
  color: #fcfcfc;
  background-color: #0066cc;
  border-color: #0066cc;
}

/**
 * File icons
 * AT un-sets Drupal core file field CSS for image icons and replaces them
 * with FontAwesome icons.
 ============================================================================ */
.file a:before {
  color: #808080;
}

/**
 * File upload widgets.
 ============================================================================ */
.field--widget-file-generic,
.field--widget-image-image {
  background-color: #ffffff;
  border-color: #cccccc;
}

.field--widget-file-generic details,
.field--widget-image-image details {
  background: transparent;
}

.field--widget-image-image .image-preview {
  background-color: transparent;
}

/**
 * Field Taxonomy Reference
 ============================================================================ */
/**
 * Labels.
 *  -  for example "new" mark on comments, tags etc.
 ============================================================================ */
.filter-help a:after,
.more-help-link a:after {
  color: #cccccc;
}

/**
 * Messages
 *  - System messages such as status, warning and error are NOT included
 *    here as we don't want them to shift or change in color module, since
 *    they are too important with regards to accessibility etc.
 ============================================================================ */
.dev-query {
  color: #f7f7f7;
}

body > pre,
.xdebug-var-dump {
  color: #f7f7f7;
}

.page .xdebug-var-dump {
  color: #363636;
}

body:before {
  color: #a51b00;
}

/**
 * Content Types (nodes)
 *  - in Drupal a content type is a bunch of fields we use to enter and display
 *    content, such as pages, blog posts, forum posts and so on. Each of those
 *    is usually a content type you create in the Drupal admin.
 *  - an instance of a content type (e.g. a single blog post) is called a node,
 *    the root template is called node.html.twg and the base selector is .node {}
 ============================================================================ */
.node {
  background-color: #ffffff;
  -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
}

.node--sticky {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/**
 * Node Add Edit Forms.
 ============================================================================ */
.layout-region-node-secondary__inner {
  border-color: #cccccc;
  background-color: #ffffff;
}

.layout-region-node-secondary__inner .entity-meta details[open] {
  -webkit-box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.085);
          box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.085);
}

.layout-region-node-secondary__inner .entity-meta details[open] > summary {
  background-color: rgba(0, 0, 0, 0.025);
}

/**
 * Aggregator
 ============================================================================ */
.aggregator-item {
  background-color: #ffffff;
  -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
}

/**
 * Forums
 *  - see table.scss for generic table styles.
 ============================================================================ */
.forum .icon svg {
  fill: rgba(0, 0, 0, 0.5);
}

/**
 * Search results pages
 ============================================================================ */
.item-list--search-results {
  background-color: #ffffff;
  -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
}

.search-result__snippet-info {
  color: #5c5c5c;
}

/**
 * Comments
 *  - comment field (holds comment title, form, comments etc)
 *  - styles for comments
 ============================================================================ */
.comment {
  border-color: #eeeeee;
}

/**
 * Social media
 *  - styles for socila media links, modules etc.
 ============================================================================ */
.block-social-media-links .platform__link,
.pane-social-media-link-widget .platform__link {
  color: #363636;
  opacity: 0.65;
}

.block-social-media-links .platform__link:hover, .block-social-media-links .platform__link:focus,
.pane-social-media-link-widget .platform__link:hover,
.pane-social-media-link-widget .platform__link:focus {
  opacity: 1;
}

/**
 * Views
 ============================================================================ */
.view-empty:not(:empty) .links a[href="/node/add"] {
  opacity: 0.9;
  -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.5);
          box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.5);
  color: #fcfcfc;
  background-color: #0066cc;
  border: 1px #0066cc solid;
}

.view-empty:not(:empty) .links a[href="/node/add"]:hover, .view-empty:not(:empty) .links a[href="/node/add"]:focus {
  opacity: 1;
}

.view-empty:not(:empty) .links a[href="/node/add"][disabled]:hover {
  opacity: 1;
}

.view-empty:not(:empty) .links a[href="/node/add"]:link, .view-empty:not(:empty) .links a[href="/node/add"]:visited {
  color: #fcfcfc;
  background-color: #0066cc;
  border-color: #0066cc;
}

.view-empty:not(:empty) .links a[href="/node/add"]:hover, .view-empty:not(:empty) .links a[href="/node/add"]:focus, .view-empty:not(:empty) .links a[href="/node/add"]:active, .view-empty:not(:empty) .links a[href="/node/add"].active {
  color: #fcfcfc;
  background-color: #0066cc;
  border-color: #0066cc;
}

/**
 * CKEditor Colors
 * Pretty brutal, but effective, combines with other editor partials and files,
 * mainly for Mimic but will color borders for moono also.
 ============================================================================ */
.cke_chrome {
  border-color: #cccccc !important;
  border-top-color: #cccccc !important;
  border-bottom-color: #cccccc !important;
  color: #363636 !important;
}

.cke_top {
  border-bottom-color: #cccccc !important;
  background-color: #f7f7f7 !important;
  color: #363636 !important;
}

.cke_bottom {
  border-top-color: #cccccc !important;
  background-color: #f7f7f7 !important;
  color: #363636 !important;
}

.cke_editable,
textarea.cke_source,
.cke_combopanel {
  background-color: #ffffff !important;
  color: #363636 !important;
}

.cke_combo_off a.cke_combo_button,
a.cke_button_off {
  color: #363636 !important;
}

.cke_combo_off a.cke_combo_button:hover, .cke_combo_off a.cke_combo_button:focus, .cke_combo_off a.cke_combo_button:active,
a.cke_button_off:hover,
a.cke_button_off:focus,
a.cke_button_off:active {
  background-color: #f2f2f2 !important;
  color: #363636 !important;
}

.cke_combo_on a.cke_combo_button,
a.cke_button_on {
  background-color: #f2f2f2 !important;
  color: #363636 !important;
}

.cke_combo_on a.cke_combo_button:hover, .cke_combo_on a.cke_combo_button:focus, .cke_combo_on a.cke_combo_button:active,
a.cke_button_on:hover,
a.cke_button_on:focus,
a.cke_button_on:active {
  background-color: #f2f2f2 !important;
  color: #363636 !important;
}

.cke_panel,
.cke_combopanel {
  background-color: #ffffff !important;
  border-color: #cccccc !important;
}

.cke_combo_text {
  color: #363636 !important;
}

.cke_combo_arrow {
  border-top-color: #cccccc !important;
}

.cke_panel_listItem a {
  color: inherit !important;
}

* html .cke_panel_listItem a {
  color: #363636 !important;
}

*:first-child + html .cke_panel_listItem a {
  color: #363636 !important;
}

.cke_panel_listItem.cke_selected a {
  background-color: #f2f2f2 !important;
}

.cke_panel_listItem a:hover, .cke_panel_listItem a:focus, .cke_panel_listItem a:active {
  background-color: #f2f2f2 !important;
  color: #363636 !important;
}

.cke_reset_all,
.cke_button_icon:before {
  color: #363636 !important;
}

.cke_resizer {
  border-color: transparent #cccccc transparent transparent !important;
}

a.cke_menu_button:after, a.cke_menu_button:before,
a.cke_combo_button:after,
a.cke_combo_button:before,
a.cke_button:after,
a.cke_button:before {
  display: none !important;
}

input.cke_dialog_ui_input_text,
input.cke_dialog_ui_input_password {
  background-color: white !important;
  color: black !important;
}

.ckeditor-dialog-loading,
.ckeditor-dialog-loading * {
  background-color: #f2f2f2 !important;
  color: #363636 !important;
  border-color: #eeeeee !important;
}
/*# sourceMappingURL=color.css.map */

File

at_theme_generator/starterkits/starterkit/styles/css/components/color.css
View source
  1. /**
  2. * Colors
  3. * - Add or modify colors for all theme elements.
  4. * - Most colors are set in _variables.scss where you can make global changes
  5. * without touching this file at all.
  6. * - If your theme is using the Color module be very careful about what you
  7. * change in this file, or in the global _variables.scss file, the color
  8. * schemes expect certain hex values to exist in the color.css file - it is
  9. * safer to place colors in a partial that is not parsed by the Color module.
  10. ============================================================================ */
  11. /**
  12. * base.elements
  13. ============================================================================ */
  14. html {
  15. background-color: #333333;
  16. }
  17. body {
  18. background-color: transparent;
  19. color: #363636;
  20. }
  21. a {
  22. color: #0066cc;
  23. }
  24. a:visited {
  25. color: #0066cc;
  26. }
  27. a:active, a.active {
  28. color: #0066cc;
  29. }
  30. a:hover, a:focus {
  31. color: #0066cc;
  32. }
  33. blockquote {
  34. border-color: #cccccc;
  35. }
  36. blockquote p:first-child:before {
  37. color: #cccccc;
  38. }
  39. blockquote small {
  40. color: #5c5c5c;
  41. }
  42. blockquote.pull-right {
  43. border-right-color: #cccccc;
  44. }
  45. hr {
  46. border-color: #cccccc;
  47. }
  48. /**
  49. * Remove text-shadow in selection highlight: h5bp.com/i
  50. * These selection rule sets have to be separate.
  51. * Customize the background color to match your design.
  52. */
  53. ::-moz-selection {
  54. background-color: #b3d4fc;
  55. }
  56. ::selection {
  57. background-color: #b3d4fc;
  58. }
  59. del {
  60. color: #5c5c5c;
  61. }
  62. code,
  63. pre,
  64. var,
  65. kbd,
  66. samp {
  67. background: #f2f2f2;
  68. }
  69. /**
  70. * Web fonts
  71. ============================================================================ */
  72. /* Override Font Awesome classes. */
  73. .fa-border {
  74. border-color: #cccccc;
  75. }
  76. /* Extra classes for Font Awesome. */
  77. .fa-text-color {
  78. color: #363636;
  79. }
  80. .fa-text-color-light {
  81. color: #808080;
  82. }
  83. .fa-text-color-medium {
  84. color: #5c5c5c;
  85. }
  86. .fa-match-border {
  87. color: #cccccc;
  88. }
  89. .fa-match-border-light {
  90. color: #eeeeee;
  91. }
  92. .fa-match-link {
  93. color: #0066cc;
  94. }
  95. .fa-trans-white-25 {
  96. color: rgba(255, 255, 255, 0.25);
  97. }
  98. .fa-trans-white-50 {
  99. color: rgba(255, 255, 255, 0.5);
  100. }
  101. .fa-trans-white-75 {
  102. color: rgba(255, 255, 255, 0.75);
  103. }
  104. .fa-trans-black-25 {
  105. color: rgba(0, 0, 0, 0.25);
  106. }
  107. .fa-trans-black-50 {
  108. color: rgba(0, 0, 0, 0.5);
  109. }
  110. .fa-trans-black-75 {
  111. color: rgba(0, 0, 0, 0.75);
  112. }
  113. /**
  114. * Page
  115. * - mainly for markup that is printed directly in page.html.twig and
  116. * .l-r {}
  117. ============================================================================ */
  118. .page {
  119. background-color: #f7f7f7;
  120. }
  121. .regions {
  122. background-color: #f7f7f7;
  123. }
  124. .pr-header {
  125. color: #363636;
  126. background-color: #fafafa;
  127. }
  128. .pr-header .regions {
  129. background: inherit;
  130. }
  131. .pr-navbar {
  132. color: #ffffff;
  133. background-color: #666666;
  134. }
  135. .pr-navbar .regions {
  136. background: inherit;
  137. }
  138. .pr-navbar .menu a {
  139. color: inherit;
  140. }
  141. .pr-features {
  142. color: #363636;
  143. background-color: #d3d3d3;
  144. }
  145. .pr-features .regions {
  146. background: inherit;
  147. }
  148. .pr-subfeatures {
  149. color: #363636;
  150. background-color: #d3d3d3;
  151. }
  152. .pr-subfeatures .regions {
  153. background: inherit;
  154. }
  155. .pr-footer {
  156. color: #ffffff;
  157. background-color: #666666;
  158. }
  159. .pr-footer .regions {
  160. background: inherit;
  161. }
  162. .pr-footer .menu a {
  163. color: inherit;
  164. }
  165. .pr-footer .menu a.active, .pr-footer .menu a:hover, .pr-footer .menu a:focus {
  166. color: inherit;
  167. }
  168. /**
  169. * AT attribution message
  170. * - a toggle setting in the theme settings, you can turn it on/off using
  171. * the Markup overrides extension.
  172. ============================================================================ */
  173. .attribution .l-rw {
  174. background-color: transparent;
  175. }
  176. .attribution .attribution__link {
  177. color: #363636;
  178. }
  179. /**
  180. * Feed Icons
  181. * - icons are SVG, SEE feed-icon.html.twig in AT Core templates directory.
  182. ============================================================================ */
  183. .feed-icon-rss__path {
  184. fill: rgba(0, 0, 0, 0.6);
  185. }
  186. /**
  187. * Branding styles
  188. * - Drupal core branding block.
  189. ============================================================================ */
  190. .site-branding__name-link:link, .site-branding__name-link:visited {
  191. color: #5c5c5c;
  192. }
  193. .site-branding__name-link:hover, .site-branding__name-link:active {
  194. color: #363636;
  195. }
  196. /**
  197. * Blocks
  198. ============================================================================ */
  199. /**
  200. * Menus
  201. * - style Drupal core block menus.
  202. * - for the drop menu and other responsive menus see the mixins and the
  203. * _navbar.scss partial.
  204. ============================================================================ */
  205. .menu .menu__link {
  206. color: #0066cc;
  207. border-color: #cccccc;
  208. }
  209. .menu .menu__link:hover, .menu .menu__link:focus {
  210. color: #0066cc;
  211. }
  212. .menu .menu__link.active {
  213. color: #0066cc;
  214. }
  215. .menu__item:first-child .menu__link {
  216. border-color: #cccccc;
  217. }
  218. /**
  219. * Responsive menu styles.
  220. *
  221. * Mixins provide the basic structure and a base style (not much), the rest
  222. * is up to you, add colors, borders, padding and so on. Icons such as
  223. * the hamburger and arrows are set in variables in _variables.scss, and you
  224. * use the color variables for menus from there also.
  225. *
  226. * Menu styles are set in Appearance settings using the Responsive Menus extension.
  227. * There you select a block, breakpoint, a default style and a responsive style.
  228. * You can safely remove mixins from this file if you not going to use them later
  229. * on, and want to save a few bytes in stylesheet size.
  230. *
  231. * Each mixin takes one or more parameters. Use these to customize the basic structure
  232. * of the menu, or call options, for example you can place the offcanvas menu on the
  233. * left or right.
  234. *
  235. * Do not import into breakpoints unless you are not using the Responsive Menu
  236. * settings in Appearance Extensions, in which case you will need to load the
  237. * at_core/at.responsivemenus library and provide it's required drupalSettings.
  238. *
  239. * Breakpoints are handled in matchMedia using Enquire.
  240. *
  241. * Responsive styles are a combination of three things:
  242. * 1. Sass/CSS defined here (with breakpoints etc).
  243. * 2. jQuery: responsive-menus.js in AT Core libraries which adds/toggles classes.
  244. * 3. Theme settings as set in your themes Advanced extension settings.
  245. ============================================================================ */
  246. .rm-toggle__link, .rm-toggle__link:hover, .rm-toggle__link:focus, .rm-toggle__link:active {
  247. color: #ffffff;
  248. background-color: #666666;
  249. }
  250. .rm-toggle__icon {
  251. fill: #ffffff;
  252. }
  253. .rm-toggle span {
  254. background-color: transparent;
  255. }
  256. .ms-offcanvas .rm-block__content .menu .menu__link,
  257. .ms-offcanvas .rm-block__content .menu .rm-accordion-trigger,
  258. .ms-vertical .rm-block__content .menu .menu__link,
  259. .ms-vertical .rm-block__content .menu .rm-accordion-trigger,
  260. .ms-slidedown .rm-block__content .menu .menu__link,
  261. .ms-slidedown .rm-block__content .menu .rm-accordion-trigger,
  262. .ms-tiles .rm-block__content .menu .menu__link,
  263. .ms-tiles .rm-block__content .menu .rm-accordion-trigger {
  264. color: #ffffff;
  265. background-color: #666666;
  266. }
  267. .ms-offcanvas .rm-block__content .menu .menu__link:hover, .ms-offcanvas .rm-block__content .menu .menu__link:focus,
  268. .ms-offcanvas .rm-block__content .menu .rm-accordion-trigger:hover,
  269. .ms-offcanvas .rm-block__content .menu .rm-accordion-trigger:focus,
  270. .ms-vertical .rm-block__content .menu .menu__link:hover,
  271. .ms-vertical .rm-block__content .menu .menu__link:focus,
  272. .ms-vertical .rm-block__content .menu .rm-accordion-trigger:hover,
  273. .ms-vertical .rm-block__content .menu .rm-accordion-trigger:focus,
  274. .ms-slidedown .rm-block__content .menu .menu__link:hover,
  275. .ms-slidedown .rm-block__content .menu .menu__link:focus,
  276. .ms-slidedown .rm-block__content .menu .rm-accordion-trigger:hover,
  277. .ms-slidedown .rm-block__content .menu .rm-accordion-trigger:focus,
  278. .ms-tiles .rm-block__content .menu .menu__link:hover,
  279. .ms-tiles .rm-block__content .menu .menu__link:focus,
  280. .ms-tiles .rm-block__content .menu .rm-accordion-trigger:hover,
  281. .ms-tiles .rm-block__content .menu .rm-accordion-trigger:focus {
  282. color: #ffffff;
  283. background-color: #757575;
  284. }
  285. .ms-offcanvas .rm-block__content .menu .menu__link.is-active,
  286. .ms-vertical .rm-block__content .menu .menu__link.is-active,
  287. .ms-slidedown .rm-block__content .menu .menu__link.is-active,
  288. .ms-tiles .rm-block__content .menu .menu__link.is-active {
  289. color: #ffffff;
  290. background-color: #757575;
  291. }
  292. .ms-offcanvas .rm-block__content .menu .menu__link.is-active[href="/"],
  293. .ms-vertical .rm-block__content .menu .menu__link.is-active[href="/"],
  294. .ms-slidedown .rm-block__content .menu .menu__link.is-active[href="/"],
  295. .ms-tiles .rm-block__content .menu .menu__link.is-active[href="/"] {
  296. color: #ffffff;
  297. background-color: #666666;
  298. }
  299. .ms-offcanvas .rm-block__content .menu .menu__link.is-active[href="/"]:hover, .ms-offcanvas .rm-block__content .menu .menu__link.is-active[href="/"]:focus,
  300. .ms-vertical .rm-block__content .menu .menu__link.is-active[href="/"]:hover,
  301. .ms-vertical .rm-block__content .menu .menu__link.is-active[href="/"]:focus,
  302. .ms-slidedown .rm-block__content .menu .menu__link.is-active[href="/"]:hover,
  303. .ms-slidedown .rm-block__content .menu .menu__link.is-active[href="/"]:focus,
  304. .ms-tiles .rm-block__content .menu .menu__link.is-active[href="/"]:hover,
  305. .ms-tiles .rm-block__content .menu .menu__link.is-active[href="/"]:focus {
  306. color: #ffffff;
  307. background-color: #757575;
  308. }
  309. .ms-offcanvas .rm-block__content .rm-accordion-trigger__icon,
  310. .ms-vertical .rm-block__content .rm-accordion-trigger__icon,
  311. .ms-slidedown .rm-block__content .rm-accordion-trigger__icon,
  312. .ms-tiles .rm-block__content .rm-accordion-trigger__icon {
  313. background-color: transparent !important;
  314. fill: #ffffff;
  315. }
  316. .ms-slidedown .rm-row,
  317. .ms-slidedown .rm-region {
  318. background-color: #fafafa;
  319. }
  320. .ms-dropmenu .rm-block__content .menu-level-1 > li > span > .menu__link,
  321. .ms-horizontal .rm-block__content .menu-level-1 > li > span > .menu__link {
  322. color: inherit;
  323. background-color: transparent;
  324. }
  325. .ms-dropmenu .rm-block__content .menu-level-1 > li > span > .menu__link:hover, .ms-dropmenu .rm-block__content .menu-level-1 > li > span > .menu__link:focus,
  326. .ms-horizontal .rm-block__content .menu-level-1 > li > span > .menu__link:hover,
  327. .ms-horizontal .rm-block__content .menu-level-1 > li > span > .menu__link:focus {
  328. color: #ffffff;
  329. background-color: #757575;
  330. }
  331. .ms-dropmenu .rm-block__content .menu-level-1 > li > span > .menu__link.is-active,
  332. .ms-horizontal .rm-block__content .menu-level-1 > li > span > .menu__link.is-active {
  333. color: #ffffff;
  334. background-color: #757575;
  335. }
  336. .ms-dropmenu .rm-block__content .menu-level-1 > li > span > .menu__link.is-active[href="/"],
  337. .ms-horizontal .rm-block__content .menu-level-1 > li > span > .menu__link.is-active[href="/"] {
  338. color: inherit;
  339. background-color: transparent;
  340. }
  341. .ms-dropmenu .rm-block__content .menu-level-1 > li > span > .menu__link.is-active[href="/"]:hover, .ms-dropmenu .rm-block__content .menu-level-1 > li > span > .menu__link.is-active[href="/"]:focus,
  342. .ms-horizontal .rm-block__content .menu-level-1 > li > span > .menu__link.is-active[href="/"]:hover,
  343. .ms-horizontal .rm-block__content .menu-level-1 > li > span > .menu__link.is-active[href="/"]:focus {
  344. color: #ffffff;
  345. background-color: #757575;
  346. }
  347. .ms-dropmenu .rm-block__content .menu-level-2 .menu__link,
  348. .ms-horizontal .rm-block__content .menu-level-2 .menu__link {
  349. color: #ffffff;
  350. background-color: #666666;
  351. }
  352. .ms-dropmenu .rm-block__content .menu-level-2 .menu__link:hover, .ms-dropmenu .rm-block__content .menu-level-2 .menu__link:focus,
  353. .ms-horizontal .rm-block__content .menu-level-2 .menu__link:hover,
  354. .ms-horizontal .rm-block__content .menu-level-2 .menu__link:focus {
  355. color: #ffffff;
  356. background-color: #757575;
  357. }
  358. .ms-dropmenu .rm-block__content .menu-level-2 .menu__link.is-active,
  359. .ms-horizontal .rm-block__content .menu-level-2 .menu__link.is-active {
  360. color: #ffffff;
  361. background-color: #757575;
  362. }
  363. .ms-overlay .rm-toggle {
  364. background-color: rgba(0, 0, 0, 0.875);
  365. }
  366. .ms-overlay .rm-toggle:hover, .ms-overlay .rm-toggle:focus {
  367. background-color: rgba(0, 0, 0, 0.95);
  368. }
  369. .ms-overlay .rm-toggle__link, .ms-overlay .rm-toggle__icon {
  370. background-color: transparent;
  371. }
  372. .ms-overlay .rm-toggle__link:hover, .ms-overlay .rm-toggle__link:focus, .ms-overlay .rm-toggle__icon:hover, .ms-overlay .rm-toggle__icon:focus {
  373. background-color: transparent;
  374. }
  375. .ms-overlay.rm-is-open .rm-toggle {
  376. opacity: 1;
  377. background-color: white;
  378. }
  379. .ms-overlay.rm-is-open .rm-toggle__icon {
  380. fill: black;
  381. }
  382. .ms-overlay .rm-block__content {
  383. background-color: rgba(0, 0, 0, 0.8);
  384. }
  385. .ms-overlay .rm-block__content .menu {
  386. background-color: transparent;
  387. }
  388. .ms-overlay .rm-block__content .menu .menu__link {
  389. color: white;
  390. background-color: rgba(0, 0, 0, 0.95);
  391. }
  392. .ms-overlay .rm-block__content .menu .menu__link:hover, .ms-overlay .rm-block__content .menu .menu__link:focus, .ms-overlay .rm-block__content .menu .menu__link.is-active {
  393. background-color: rgba(0, 0, 0, 0.75);
  394. }
  395. .ms-overlay .rm-block__content .menu .menu__link.is-active[href="/"] {
  396. background-color: rgba(0, 0, 0, 0.75);
  397. }
  398. .ms-overlay .rm-block__content .menu .menu__link.is-active[href="/"]:hover, .ms-overlay .rm-block__content .menu .menu__link.is-active[href="/"]:focus {
  399. background-color: rgba(0, 0, 0, 0.75);
  400. }
  401. .ms-overlay .rm-block__content .menu .rm-accordion-trigger {
  402. background-color: rgba(0, 0, 0, 0.95);
  403. }
  404. .ms-overlay .rm-block__content .menu .rm-accordion-trigger:hover, .ms-overlay .rm-block__content .menu .rm-accordion-trigger:focus {
  405. background-color: rgba(0, 0, 0, 0.75);
  406. }
  407. .ms-overlay .rm-block__content .menu .rm-accordion-trigger__icon {
  408. fill: white;
  409. }
  410. .ms-meganav .rm-block__content .menu .menu__link {
  411. color: inherit;
  412. background-color: transparent;
  413. }
  414. .ms-meganav .rm-block__content .menu .menu__link:hover, .ms-meganav .rm-block__content .menu .menu__link:focus {
  415. color: #ffffff;
  416. background-color: #757575;
  417. }
  418. .ms-meganav.rm-is-open .rm-block__content .menu-level-1 > .menu__item {
  419. border-bottom: 1px solid #cccccc;
  420. }
  421. .ms-meganav.rm-is-open .rm-block__content .menu-level-1 > .menu__item > span > .menu__link {
  422. color: #ffffff;
  423. background-color: #666666;
  424. }
  425. .ms-meganav.rm-is-open .rm-block__content .menu-level-1 > .menu__item > span > .menu__link:hover, .ms-meganav.rm-is-open .rm-block__content .menu-level-1 > .menu__item > span > .menu__link:focus {
  426. color: #ffffff;
  427. background-color: #757575;
  428. }
  429. /**
  430. * Breadcrumbs
  431. ============================================================================ */
  432. .breadcrumb li:before {
  433. color: #cccccc;
  434. }
  435. .breadcrumb a {
  436. color: #0066cc;
  437. text-decoration: none;
  438. }
  439. /**
  440. * Pagers
  441. * - Full system pager.
  442. * - Views mini pager.
  443. ============================================================================ */
  444. .pager__link {
  445. border-color: #cccccc;
  446. }
  447. .pager__link:focus, .pager__link:hover {
  448. background-color: rgba(255, 255, 255, 0.75);
  449. }
  450. .pager__link:active {
  451. -webkit-box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.75);
  452. box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.75);
  453. opacity: 0.9;
  454. }
  455. .pager__link--is-active {
  456. background-color: rgba(255, 255, 255, 0.75);
  457. }
  458. .pager--mini .pager__link--is-active {
  459. background-color: transparent;
  460. opacity: 0.65;
  461. }
  462. /**
  463. * Table Theme
  464. * Style Drupal selectors for tables.
  465. ============================================================================ */
  466. tr:hover {
  467. background-color: #ededed;
  468. }
  469. thead tr {
  470. color: #363636;
  471. background-color: #e8e8e8;
  472. }
  473. tr,
  474. td,
  475. th {
  476. border-color: #cccccc;
  477. }
  478. /**
  479. * Forms
  480. * - This probably seems like a lot - remember AT unsets system.theme.css and
  481. * gives you complete control over all form elements.
  482. *
  483. * Note:
  484. * - input type submit is treated as a 'button', see _buttons.scss
  485. * - for drop buttons see _buttons.scss
  486. ============================================================================ */
  487. textarea,
  488. select,
  489. input[type="date"],
  490. input[type="datetime"],
  491. input[type="datetime-local"],
  492. input[type="email"],
  493. input[type="month"],
  494. input[type="number"],
  495. input[type="password"],
  496. input[type="search"],
  497. input[type="tel"],
  498. input[type="text"],
  499. input[type="time"],
  500. input[type="url"],
  501. input[type="week"] {
  502. color: #363636;
  503. border-color: #cccccc;
  504. background-color: #ffffff;
  505. }
  506. textarea:focus,
  507. select:focus,
  508. input[type="date"]:focus,
  509. input[type="datetime"]:focus,
  510. input[type="datetime-local"]:focus,
  511. input[type="email"]:focus,
  512. input[type="month"]:focus,
  513. input[type="number"]:focus,
  514. input[type="password"]:focus,
  515. input[type="search"]:focus,
  516. input[type="tel"]:focus,
  517. input[type="text"]:focus,
  518. input[type="time"]:focus,
  519. input[type="url"]:focus,
  520. input[type="week"]:focus {
  521. border-color: #cccccc;
  522. color: #363636;
  523. }
  524. textarea:hover, textarea:focus,
  525. select:hover,
  526. select:focus,
  527. input[type="date"]:hover,
  528. input[type="date"]:focus,
  529. input[type="datetime"]:hover,
  530. input[type="datetime"]:focus,
  531. input[type="datetime-local"]:hover,
  532. input[type="datetime-local"]:focus,
  533. input[type="email"]:hover,
  534. input[type="email"]:focus,
  535. input[type="month"]:hover,
  536. input[type="month"]:focus,
  537. input[type="number"]:hover,
  538. input[type="number"]:focus,
  539. input[type="password"]:hover,
  540. input[type="password"]:focus,
  541. input[type="search"]:hover,
  542. input[type="search"]:focus,
  543. input[type="tel"]:hover,
  544. input[type="tel"]:focus,
  545. input[type="text"]:hover,
  546. input[type="text"]:focus,
  547. input[type="time"]:hover,
  548. input[type="time"]:focus,
  549. input[type="url"]:hover,
  550. input[type="url"]:focus,
  551. input[type="week"]:hover,
  552. input[type="week"]:focus {
  553. background-color: #ffffff;
  554. }
  555. textarea[disabled]:hover, textarea[disabled]:focus,
  556. select[disabled]:hover,
  557. select[disabled]:focus,
  558. input[type="date"][disabled]:hover,
  559. input[type="date"][disabled]:focus,
  560. input[type="datetime"][disabled]:hover,
  561. input[type="datetime"][disabled]:focus,
  562. input[type="datetime-local"][disabled]:hover,
  563. input[type="datetime-local"][disabled]:focus,
  564. input[type="email"][disabled]:hover,
  565. input[type="email"][disabled]:focus,
  566. input[type="month"][disabled]:hover,
  567. input[type="month"][disabled]:focus,
  568. input[type="number"][disabled]:hover,
  569. input[type="number"][disabled]:focus,
  570. input[type="password"][disabled]:hover,
  571. input[type="password"][disabled]:focus,
  572. input[type="search"][disabled]:hover,
  573. input[type="search"][disabled]:focus,
  574. input[type="tel"][disabled]:hover,
  575. input[type="tel"][disabled]:focus,
  576. input[type="text"][disabled]:hover,
  577. input[type="text"][disabled]:focus,
  578. input[type="time"][disabled]:hover,
  579. input[type="time"][disabled]:focus,
  580. input[type="url"][disabled]:hover,
  581. input[type="url"][disabled]:focus,
  582. input[type="week"][disabled]:hover,
  583. input[type="week"][disabled]:focus {
  584. color: #363636;
  585. }
  586. /**
  587. * Collapsible details.
  588. *
  589. * @see collapse.js
  590. * @thanks http://nicolasgallagher.com/css-background-image-hacks/
  591. */
  592. details {
  593. border-color: #cccccc;
  594. background-color: #f7f7f7;
  595. }
  596. input[readonly],
  597. select[readonly],
  598. textarea[readonly] {
  599. background-color: #ededed;
  600. color: #363636;
  601. }
  602. button[disabled],
  603. input[disabled],
  604. select[disabled],
  605. select[disabled] option,
  606. select[disabled] optgroup,
  607. textarea[disabled],
  608. a.button_disabled {
  609. background-color: #ededed;
  610. color: #363636;
  611. }
  612. input::-webkit-input-placeholder,
  613. textarea::-webkit-input-placeholder {
  614. color: #363636;
  615. }
  616. input:-moz-placeholder,
  617. textarea:-moz-placeholder {
  618. color: #363636;
  619. }
  620. input.placeholder_text,
  621. textarea.placeholder_text {
  622. color: #363636;
  623. }
  624. /**
  625. * Form Theme
  626. ============================================================================ */
  627. .form-type-radio label.option,
  628. .form-type-checkbox label.option {
  629. border-color: #cccccc;
  630. background-color: #ffffff;
  631. }
  632. .form-type-radio label.option:focus, .form-type-radio label.option:hover,
  633. .form-type-checkbox label.option:focus,
  634. .form-type-checkbox label.option:hover {
  635. background-color: rgba(255, 255, 255, 0.75);
  636. }
  637. .filter-wrapper {
  638. border-color: #cccccc;
  639. }
  640. .tips {
  641. color: #363636;
  642. }
  643. .description {
  644. color: #363636;
  645. }
  646. form .marker {
  647. color: #ee0000;
  648. }
  649. .form-required:after {
  650. color: #ee0000;
  651. }
  652. .form-item input.error,
  653. .form-item textarea.error,
  654. .form-item select.error {
  655. border-color: #f9c9bf;
  656. }
  657. /**
  658. * Vertical tabs.
  659. ============================================================================ */
  660. .vertical-tabs {
  661. background-color: #f2f2f2;
  662. border-color: #cccccc;
  663. }
  664. .vertical-tabs__menu {
  665. background-color: #ffffff;
  666. border-top-color: #cccccc;
  667. }
  668. .vertical-tabs__menu-item {
  669. background: #ffffff;
  670. border-color: #cccccc;
  671. }
  672. .vertical-tabs__menu-item.is-selected {
  673. background-color: #f2f2f2;
  674. }
  675. .vertical-tabs__menu-item.is-selected .vertical-tabs__menu-item-title {
  676. color: #363636;
  677. }
  678. .vertical-tabs__pane {
  679. background-color: #f2f2f2;
  680. }
  681. /**
  682. * Buttons
  683. * We include button styling separate (from _forms.scss) mainly because the form
  684. * styles are quite long already and we often want to add unique button variants.
  685. *
  686. * - applies to elements with class "button", includes styles for:
  687. * - input buttons
  688. * - anchor links styled as buttons
  689. * - drop buttons
  690. * - action link buttons
  691. ============================================================================ */
  692. button,
  693. .button {
  694. color: #fcfcfc;
  695. background-color: #828282;
  696. border-color: #828282;
  697. opacity: 0.9;
  698. -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.5);
  699. box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.5);
  700. }
  701. button:hover, button:focus,
  702. .button:hover,
  703. .button:focus {
  704. opacity: 1;
  705. color: #fcfcfc;
  706. background-color: #828282;
  707. }
  708. button:visited,
  709. .button:visited {
  710. color: #fcfcfc;
  711. background-color: #828282;
  712. }
  713. button[disabled]:hover,
  714. .button[disabled]:hover {
  715. opacity: 1;
  716. }
  717. .button--primary {
  718. color: #fcfcfc;
  719. background-color: #0066cc;
  720. border: 1px #0066cc solid;
  721. }
  722. .button--primary:link, .button--primary:visited {
  723. color: #fcfcfc;
  724. background-color: #0066cc;
  725. border-color: #0066cc;
  726. }
  727. .button--primary:hover, .button--primary:focus, .button--primary:active, .button--primary.active {
  728. color: #fcfcfc;
  729. background-color: #0066cc;
  730. border-color: #0066cc;
  731. }
  732. .button--danger {
  733. color: #a51b00;
  734. background-color: transparent;
  735. -webkit-box-shadow: none;
  736. box-shadow: none;
  737. }
  738. .button--danger:link, .button--danger:visited {
  739. color: #a51b00;
  740. background-color: transparent;
  741. border-color: transparent;
  742. }
  743. .button--danger:hover, .button--danger:focus, .button--danger:active, .button--danger.active {
  744. color: #a51b00;
  745. background-color: transparent;
  746. border-color: transparent;
  747. }
  748. .button-action {
  749. opacity: 1;
  750. }
  751. #edit-preview {
  752. background-color: #ffffff;
  753. color: #828282;
  754. }
  755. button.link-edit-summary {
  756. background-color: inherit;
  757. color: #363636;
  758. }
  759. button.link-edit-summary:hover, button.link-edit-summary:focus {
  760. background-color: inherit;
  761. color: #363636;
  762. }
  763. /* Drop buttons */
  764. .dropbutton-widget {
  765. background-color: #f7f7f7;
  766. border-color: #828282;
  767. }
  768. .dropbutton-widget:hover, .dropbutton-widget:focus {
  769. border-color: #828282;
  770. }
  771. .dropbutton .dropbutton-action .button {
  772. color: #fcfcfc;
  773. background-color: #0066cc;
  774. }
  775. .dropbutton .dropbutton-action .button:link, .dropbutton .dropbutton-action .button:visited {
  776. color: #fcfcfc;
  777. background-color: #0066cc;
  778. border-color: #ccc;
  779. }
  780. .dropbutton .dropbutton-action .button:hover, .dropbutton .dropbutton-action .button:focus, .dropbutton .dropbutton-action .button:active, .dropbutton .dropbutton-action .button.active {
  781. color: #fcfcfc;
  782. background-color: #0066cc;
  783. border-color: #ccc;
  784. }
  785. .dropbutton .secondary-action {
  786. border-top-color: #828282;
  787. }
  788. .dropbutton .secondary-action .button {
  789. background-color: #f7f7f7;
  790. color: #828282;
  791. }
  792. .dropbutton .dropbutton-toggle button:hover {
  793. background-color: transparent;
  794. }
  795. .dropbutton-multiple .dropbutton {
  796. border-right-color: #828282;
  797. }
  798. [dir="rtl"] .dropbutton-multiple .dropbutton {
  799. border-left-color: #828282;
  800. }
  801. .dropbutton-multiple.open .dropbutton-action .button {
  802. border-radius: 2px 0 0 0;
  803. }
  804. .dropbutton-arrow {
  805. color: #828282;
  806. }
  807. /**
  808. * Modal dialogs.
  809. * - override jQuery UI styles.
  810. ============================================================================ */
  811. .ui-widget-overlay {
  812. background: rgba(0, 0, 0, 0.95);
  813. opacity: 0.3;
  814. }
  815. .ui-dialog .form-text {
  816. background-color: inherit !important;
  817. color: black !important;
  818. border-color: silver !important;
  819. }
  820. .ui-dialog .form-text::-webkit-input-placeholder {
  821. color: silver;
  822. }
  823. .ui-dialog .form-text::-ms-input-placeholder {
  824. color: silver;
  825. }
  826. .ui-dialog .form-text::placeholder {
  827. color: silver;
  828. }
  829. .ui-dialog .form-type-radio label.option,
  830. .ui-dialog .form-type-checkbox label.option {
  831. border-color: transparent;
  832. background-color: inherit;
  833. }
  834. .ui-dialog .form-type-radio label.option:focus, .ui-dialog .form-type-radio label.option:hover,
  835. .ui-dialog .form-type-checkbox label.option:focus,
  836. .ui-dialog .form-type-checkbox label.option:hover {
  837. color: inherit;
  838. background-color: inherit;
  839. }
  840. .ui-dialog .ui-dialog-titlebar {
  841. color: #363636;
  842. }
  843. .ui-dialog .ui-dialog-buttonpane button {
  844. color: #fcfcfc;
  845. background: #828282;
  846. border-color: #828282;
  847. opacity: 0.9;
  848. -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.5);
  849. box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.5);
  850. }
  851. .ui-dialog .ui-dialog-buttonpane button:hover, .ui-dialog .ui-dialog-buttonpane button:focus {
  852. opacity: 1;
  853. color: #fcfcfc;
  854. background: #828282;
  855. }
  856. .ui-dialog .ui-dialog-buttonpane button:visited {
  857. color: #fcfcfc;
  858. background: #828282;
  859. }
  860. .ui-dialog .ui-dialog-buttonpane button[disabled]:hover {
  861. opacity: 1;
  862. }
  863. .ui-dialog .ui-dialog-buttonpane .button--primary {
  864. color: #fcfcfc;
  865. background-color: #0066cc;
  866. border: 1px #0066cc solid;
  867. }
  868. .ui-dialog .ui-dialog-buttonpane .button--primary:link, .ui-dialog .ui-dialog-buttonpane .button--primary:visited {
  869. color: #fcfcfc;
  870. background-color: #0066cc;
  871. border-color: #0066cc;
  872. }
  873. .ui-dialog .ui-dialog-buttonpane .button--primary:hover, .ui-dialog .ui-dialog-buttonpane .button--primary:focus, .ui-dialog .ui-dialog-buttonpane .button--primary:active, .ui-dialog .ui-dialog-buttonpane .button--primary.active {
  874. color: #fcfcfc;
  875. background-color: #0066cc;
  876. border-color: #0066cc;
  877. }
  878. /**
  879. * File icons
  880. * AT un-sets Drupal core file field CSS for image icons and replaces them
  881. * with FontAwesome icons.
  882. ============================================================================ */
  883. .file a:before {
  884. color: #808080;
  885. }
  886. /**
  887. * File upload widgets.
  888. ============================================================================ */
  889. .field--widget-file-generic,
  890. .field--widget-image-image {
  891. background-color: #ffffff;
  892. border-color: #cccccc;
  893. }
  894. .field--widget-file-generic details,
  895. .field--widget-image-image details {
  896. background: transparent;
  897. }
  898. .field--widget-image-image .image-preview {
  899. background-color: transparent;
  900. }
  901. /**
  902. * Field Taxonomy Reference
  903. ============================================================================ */
  904. /**
  905. * Labels.
  906. * - for example "new" mark on comments, tags etc.
  907. ============================================================================ */
  908. .filter-help a:after,
  909. .more-help-link a:after {
  910. color: #cccccc;
  911. }
  912. /**
  913. * Messages
  914. * - System messages such as status, warning and error are NOT included
  915. * here as we don't want them to shift or change in color module, since
  916. * they are too important with regards to accessibility etc.
  917. ============================================================================ */
  918. .dev-query {
  919. color: #f7f7f7;
  920. }
  921. body > pre,
  922. .xdebug-var-dump {
  923. color: #f7f7f7;
  924. }
  925. .page .xdebug-var-dump {
  926. color: #363636;
  927. }
  928. body:before {
  929. color: #a51b00;
  930. }
  931. /**
  932. * Content Types (nodes)
  933. * - in Drupal a content type is a bunch of fields we use to enter and display
  934. * content, such as pages, blog posts, forum posts and so on. Each of those
  935. * is usually a content type you create in the Drupal admin.
  936. * - an instance of a content type (e.g. a single blog post) is called a node,
  937. * the root template is called node.html.twg and the base selector is .node {}
  938. ============================================================================ */
  939. .node {
  940. background-color: #ffffff;
  941. -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
  942. box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
  943. }
  944. .node--sticky {
  945. background-color: transparent;
  946. -webkit-box-shadow: none;
  947. box-shadow: none;
  948. }
  949. /**
  950. * Node Add Edit Forms.
  951. ============================================================================ */
  952. .layout-region-node-secondary__inner {
  953. border-color: #cccccc;
  954. background-color: #ffffff;
  955. }
  956. .layout-region-node-secondary__inner .entity-meta details[open] {
  957. -webkit-box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.085);
  958. box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.085);
  959. }
  960. .layout-region-node-secondary__inner .entity-meta details[open] > summary {
  961. background-color: rgba(0, 0, 0, 0.025);
  962. }
  963. /**
  964. * Aggregator
  965. ============================================================================ */
  966. .aggregator-item {
  967. background-color: #ffffff;
  968. -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
  969. box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
  970. }
  971. /**
  972. * Forums
  973. * - see table.scss for generic table styles.
  974. ============================================================================ */
  975. .forum .icon svg {
  976. fill: rgba(0, 0, 0, 0.5);
  977. }
  978. /**
  979. * Search results pages
  980. ============================================================================ */
  981. .item-list--search-results {
  982. background-color: #ffffff;
  983. -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
  984. box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
  985. }
  986. .search-result__snippet-info {
  987. color: #5c5c5c;
  988. }
  989. /**
  990. * Comments
  991. * - comment field (holds comment title, form, comments etc)
  992. * - styles for comments
  993. ============================================================================ */
  994. .comment {
  995. border-color: #eeeeee;
  996. }
  997. /**
  998. * Social media
  999. * - styles for socila media links, modules etc.
  1000. ============================================================================ */
  1001. .block-social-media-links .platform__link,
  1002. .pane-social-media-link-widget .platform__link {
  1003. color: #363636;
  1004. opacity: 0.65;
  1005. }
  1006. .block-social-media-links .platform__link:hover, .block-social-media-links .platform__link:focus,
  1007. .pane-social-media-link-widget .platform__link:hover,
  1008. .pane-social-media-link-widget .platform__link:focus {
  1009. opacity: 1;
  1010. }
  1011. /**
  1012. * Views
  1013. ============================================================================ */
  1014. .view-empty:not(:empty) .links a[href="/node/add"] {
  1015. opacity: 0.9;
  1016. -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.5);
  1017. box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.5);
  1018. color: #fcfcfc;
  1019. background-color: #0066cc;
  1020. border: 1px #0066cc solid;
  1021. }
  1022. .view-empty:not(:empty) .links a[href="/node/add"]:hover, .view-empty:not(:empty) .links a[href="/node/add"]:focus {
  1023. opacity: 1;
  1024. }
  1025. .view-empty:not(:empty) .links a[href="/node/add"][disabled]:hover {
  1026. opacity: 1;
  1027. }
  1028. .view-empty:not(:empty) .links a[href="/node/add"]:link, .view-empty:not(:empty) .links a[href="/node/add"]:visited {
  1029. color: #fcfcfc;
  1030. background-color: #0066cc;
  1031. border-color: #0066cc;
  1032. }
  1033. .view-empty:not(:empty) .links a[href="/node/add"]:hover, .view-empty:not(:empty) .links a[href="/node/add"]:focus, .view-empty:not(:empty) .links a[href="/node/add"]:active, .view-empty:not(:empty) .links a[href="/node/add"].active {
  1034. color: #fcfcfc;
  1035. background-color: #0066cc;
  1036. border-color: #0066cc;
  1037. }
  1038. /**
  1039. * CKEditor Colors
  1040. * Pretty brutal, but effective, combines with other editor partials and files,
  1041. * mainly for Mimic but will color borders for moono also.
  1042. ============================================================================ */
  1043. .cke_chrome {
  1044. border-color: #cccccc !important;
  1045. border-top-color: #cccccc !important;
  1046. border-bottom-color: #cccccc !important;
  1047. color: #363636 !important;
  1048. }
  1049. .cke_top {
  1050. border-bottom-color: #cccccc !important;
  1051. background-color: #f7f7f7 !important;
  1052. color: #363636 !important;
  1053. }
  1054. .cke_bottom {
  1055. border-top-color: #cccccc !important;
  1056. background-color: #f7f7f7 !important;
  1057. color: #363636 !important;
  1058. }
  1059. .cke_editable,
  1060. textarea.cke_source,
  1061. .cke_combopanel {
  1062. background-color: #ffffff !important;
  1063. color: #363636 !important;
  1064. }
  1065. .cke_combo_off a.cke_combo_button,
  1066. a.cke_button_off {
  1067. color: #363636 !important;
  1068. }
  1069. .cke_combo_off a.cke_combo_button:hover, .cke_combo_off a.cke_combo_button:focus, .cke_combo_off a.cke_combo_button:active,
  1070. a.cke_button_off:hover,
  1071. a.cke_button_off:focus,
  1072. a.cke_button_off:active {
  1073. background-color: #f2f2f2 !important;
  1074. color: #363636 !important;
  1075. }
  1076. .cke_combo_on a.cke_combo_button,
  1077. a.cke_button_on {
  1078. background-color: #f2f2f2 !important;
  1079. color: #363636 !important;
  1080. }
  1081. .cke_combo_on a.cke_combo_button:hover, .cke_combo_on a.cke_combo_button:focus, .cke_combo_on a.cke_combo_button:active,
  1082. a.cke_button_on:hover,
  1083. a.cke_button_on:focus,
  1084. a.cke_button_on:active {
  1085. background-color: #f2f2f2 !important;
  1086. color: #363636 !important;
  1087. }
  1088. .cke_panel,
  1089. .cke_combopanel {
  1090. background-color: #ffffff !important;
  1091. border-color: #cccccc !important;
  1092. }
  1093. .cke_combo_text {
  1094. color: #363636 !important;
  1095. }
  1096. .cke_combo_arrow {
  1097. border-top-color: #cccccc !important;
  1098. }
  1099. .cke_panel_listItem a {
  1100. color: inherit !important;
  1101. }
  1102. * html .cke_panel_listItem a {
  1103. color: #363636 !important;
  1104. }
  1105. *:first-child + html .cke_panel_listItem a {
  1106. color: #363636 !important;
  1107. }
  1108. .cke_panel_listItem.cke_selected a {
  1109. background-color: #f2f2f2 !important;
  1110. }
  1111. .cke_panel_listItem a:hover, .cke_panel_listItem a:focus, .cke_panel_listItem a:active {
  1112. background-color: #f2f2f2 !important;
  1113. color: #363636 !important;
  1114. }
  1115. .cke_reset_all,
  1116. .cke_button_icon:before {
  1117. color: #363636 !important;
  1118. }
  1119. .cke_resizer {
  1120. border-color: transparent #cccccc transparent transparent !important;
  1121. }
  1122. a.cke_menu_button:after, a.cke_menu_button:before,
  1123. a.cke_combo_button:after,
  1124. a.cke_combo_button:before,
  1125. a.cke_button:after,
  1126. a.cke_button:before {
  1127. display: none !important;
  1128. }
  1129. input.cke_dialog_ui_input_text,
  1130. input.cke_dialog_ui_input_password {
  1131. background-color: white !important;
  1132. color: black !important;
  1133. }
  1134. .ckeditor-dialog-loading,
  1135. .ckeditor-dialog-loading * {
  1136. background-color: #f2f2f2 !important;
  1137. color: #363636 !important;
  1138. border-color: #eeeeee !important;
  1139. }
  1140. /*# sourceMappingURL=color.css.map */