carte-client/lib/carte/client.css

something like dictionary, wiki, or information card

@import "../../node_modules/bootstrap/dist/css/bootstrap.css";
@import "../../node_modules/font-awesome/css/font-awesome.css";
@import "../../node_modules/animate.css/animate.css";

.navbar-default a,
.navbar-default a:hover,
.navbar-default a:visited,
.navbar-default a:active,
.nav-pills a,
.nav-pills a:hover,
.nav-pills a:visited,
.nav-pills a:active,
.tools a,
.tools a:hover,
.tools a:visited,
.tools a:active
{
  color: #333 !important;
  text-decoration: none !important;
}

ul.nav-pills li a {
  padding: 6px 12px;
}

.card ul,ol {
  padding-left: 20px;
}

.col-sm-4 {
  padding: 0px;
}

.col-sm-12 {
  padding: 0px;
}

.alert {
  padding: 5px;
}

.alert ul {
  padding-left: 20px;
}

.list-group {
  margin: 0px;
  padding: 5px;
}

.carte-card-height {
  height: 200px;
}

.navbar {
  padding: 0px;
  background-color: white;
  margin-bottom: 5px;
}

.badge {
  color: #333;
  background-color: #eee;
}

.modal-body .form-group:last-child {
  padding-bottom: 17px;
}

.navbar-brand:first-child {
  padding-top: 10px; 
}

/* carte original definitions */
.carte-content {
  padding: 0px 20px;
}

.carte-hidden {
  visibility: hidden;
}

.carte-card-header {
  margin-bottom: 10px;
}

.carte-card-header .glyphicon-star {
  margin-right: 5px;
}

.carte-card-content {
  overflow: hidden;
  width: 100%;
  height: 73%;
  word-wrap: break-word;
}

.carte-pagination .carte-pagination-curr {
  width: 7.5em;
  text-align: center;
}

.carte-list {
  padding-left: 5px;
  padding-right: 5px;
}

.carte-flash {
  background-color: white;
  position : absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.carte-strong {
  font-weight: bold;
}

/* http://stackoverflow.com/questions/24511887/css-animation-works-in-chrome-but-not-in-firefox-resolved */
.glyphicon-refresh-animate {
  -moz-animation: spin-moz .7s infinite linear;
  -webkit-animation: spin-webkit .7s infinite linear;
  animation: spin .7s infinite linear;
}

@-moz-keyframes spin-moz {
  from { -moz-transform: rotate(0deg);}
  to { -moz-transform: rotate(360deg);}
}

@-webkit-keyframes spin-webkit {
  from { -webkit-transform: rotate(0deg);}
  to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
  from { transform: scale(1) rotate(0deg);}
  to { transform: scale(1) rotate(360deg);}
}

/* https://github.com/olahol/react-tagsinput/blob/master/react-tagsinput.css */
.react-tagsinput {
  border: 1px solid #ccc;
  background: #fff;
  padding: 10px;
  overflow-y: auto;
  border-radius: 3px;
}

.react-tagsinput-tag {
  display: block;
  /*border: 1px solid #a5d24a;*/
  /*background: #cde69c;*/
  /*color: #638421;*/
  /*font-size: 12px;*/
  /*font-family: 'Helvetica Neue', 'Arial', sans-serif;*/
  float: left;
  /*padding: 5px;*/
  margin-right: 5px;
  /*margin-bottom: 5px;*/
  text-decoration: none;
  border-radius: 2px;
}

.react-tagsinput-invalid {
  background: #FBD8DB !important;
  color: #90111A !important;
}

.react-tagsinput-validating {
  /* background: #FFFACD !important; */
}

.react-tagsinput-remove {
  font-weight: bold;
  /* color: #638421; */
  text-decoration: none;
  font-size: 11px;
  cursor: pointer;
}

.react-tagsinput-remove:before {
  /* content: " x"; */
}

.react-tagsinput-input {
  background: transparent;
  /* color: #777; */
  border: 0;
  /* font-size: 13px; */
  /* font-family: 'Helvetica Neue', 'Arial', sans-serif; */
  /*padding: 5px;*/
  margin: 0;
  width: 80px;
  outline: none;
}