You are here

toggle_editable_fields.css in Toggle Editable fields 8

.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}

.btn-primary {
  color: #fff;
  background-color: #428bca;
  border-color: #357ebd;
}

.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}

File

css/toggle_editable_fields.css
View source
  1. .btn {
  2. display: inline-block;
  3. padding: 6px 12px;
  4. margin-bottom: 0;
  5. font-size: 14px;
  6. font-weight: 400;
  7. line-height: 1.42857143;
  8. text-align: center;
  9. white-space: nowrap;
  10. vertical-align: middle;
  11. cursor: pointer;
  12. -webkit-user-select: none;
  13. -moz-user-select: none;
  14. -ms-user-select: none;
  15. user-select: none;
  16. background-image: none;
  17. border: 1px solid transparent;
  18. border-radius: 4px;
  19. }
  20. .btn-default {
  21. color: #333;
  22. background-color: #fff;
  23. border-color: #ccc;
  24. }
  25. .btn-primary {
  26. color: #fff;
  27. background-color: #428bca;
  28. border-color: #357ebd;
  29. }
  30. .btn-success {
  31. color: #fff;
  32. background-color: #5cb85c;
  33. border-color: #4cae4c;
  34. }
  35. .btn-danger {
  36. color: #fff;
  37. background-color: #d9534f;
  38. border-color: #d43f3a;
  39. }
  40. .btn-warning {
  41. color: #fff;
  42. background-color: #f0ad4e;
  43. border-color: #eea236;
  44. }
  45. .btn-info {
  46. color: #fff;
  47. background-color: #5bc0de;
  48. border-color: #46b8da;
  49. }