@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;
}
/* 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);}
}
/* 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;
}