civicrm-css-community-messages.css

gistfile1.txt

/**
 * Community messages
 */
.crm-container .civicrm-community-messages,
.crm-container .civicrm-community-messages .collapsible-title,
.crm-container .civicrm-community-messages .collapsible-title:hover,
.crm-container .civicrm-community-messages .collapsible-title > div {
  border: none;
  background-color: #defabb;
  background-image: none !important;
  color: #000;
}
.crm-container .civicrm-community-messages .crm-collapsible {
  box-shadow: inherit; /* remove blue line, too many lines */
}
.crm-container .civicrm-community-messages .collapsible-title {
  width: 80%; /* make it more easily clickable */
}
.crm-container .civicrm-community-messages .collapsible-title > div {
  overflow: inherit !important; /* otherwise text gets truncated */
}
.crm-container .civicrm-community-messages .collapsible-title > div:before {
  font-family: FontAwesome;
  content: "\f0a1 "; /* bullhorn */
  display: inline-block;
  padding-right: 1em;
  vertical-align: middle;
}
.crm-container .civicrm-community-messages .crm-collapsible > div:not(.collapsible-title) {
  margin-left: 2em;
  font-size: 110%;
}
.crm-container .civicrm-community-messages .crm-collapsible > div:not(.collapsible-title) a,
.crm-container .civicrm-community-messages .crm-collapsible > div:not(.collapsible-title) a:link {
  color: #000;
  text-decoration: underline;
}
.crm-container .civicrm-community-messages .crm-collapsible > div:not(.collapsible-title) a:after {
  font-family: FontAwesome;
  content: "\f08e "; /* external link */
  display: inline-block;
  padding-left: 0.5em;
  vertical-align: middle;
}
.crm-container a.civicrm-community-message-dismiss.ui-icon-circle-close {
  /* resets ui-icon css */
  text-indent: 0;
  overflow: inherit;
  background-image: none;
  opacity: 1;
  width: 25px;
  height: 25px;
  top: 5px;
  right: 0;
  font-size: 150%;
  display: inline-block;
  color: #000;
}
.crm-container a.civicrm-community-message-dismiss:before {
  font-family: FontAwesome;
  content: "\f057"; /* fa-times-circle */
  display: inline-block;
  vertical-align: middle;
}