@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-slideshow { background-color: white; position : absolute; left: 0; top: 0; right: 0; bottom: 0; } /* 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; }