content_sync.element.message.css in Content Synchronization 8

Messages element styles.

File

css/content_sync.element.message.css

/**
 * @file
 * Messages element styles.
 *
 */

/**
 * Add styles to default (info) message,
 */
.messages.messages--info {
  color: #31708f;
  background-color: #d9edf7;
  background-image: url(../images/icons/info.svg);
  border-color: #0074bd #0074bd #0074bd transparent;  /* LTR */
  box-shadow: -8px 0 0 #0074bd; /* LTR */
}
[dir="rtl"] .messages.messages--info {
  border-color: #0074bd transparent #0074bd #0074bd;
  box-shadow: 8px 0 0 #0074bd;
  margin-left: 0;
}

/**
 * Content Sync message close container.
 */
.content_sync-message--close .messages {
  position: relative;
}

/**
 * Content Sync message close link.
 */
.content_sync-message--close .messages {
  padding-right: 35px;
}

.content_sync-message--close .content_sync-message__link {
  display: none;
}

html.js .content_sync-message--close .content_sync-message__link {
  display: block;
  position: absolute;
  top: 11px;
  right: 10px;
  line-height: 24px;
  font-size: 24px;
}

.content_sync-message__link {
  color: inherit;
  opacity: 0.33;
}

.content_sync-message__link:link {
  border-bottom: none;
  text-decoration: none;
}

.content_sync-message__link:hover,
.content_sync-message__link:focus,
.content_sync-message__link:active {
  border-bottom: none;
  text-decoration: none;
  color: inherit;
  opacity: 1;
}

html.js .js-content_sync-message--close-storage {
  display: none;
}