/**
 * @provides phabricator-ui-example-css
 */

.phabricator-ui-example-note {
  padding: .5em;
  margin: 2em 1em 0.5em;
  background: #ffffdd;
  border: 1px solid #f5e178;
}

.phabricator-ui-example-note tt {
  font-weight: bold;
}

.phabricator-ui-example-header {
  margin: 1em 2em 2em;
}

.phabricator-ui-example-description {
  margin: 1em 0;
}

.jxui-example-container {
  padding: 2em;
  margin: 4em auto;
  border: 4px solid black;
  background: #dfdfdf;
  text-align: center;
  width: 50%;
}

.jxui-example-container a {
  margin: 1em;
}

.jxui-example-container a.jxui-active {
  box-shadow: 0 0 30px #ffff00;
}

.jxui-blue-background {
  background: blue;
}

.jxui-red-border {
  border-color: red;
}