You are here

style.css in Business Rules 2.x

Same filename and directory in other branches
  1. 8 css/style.css
.fail > summary {
  background-color: #fcf4f2;
  color: #a51b00;
  background-image: url(../images/error.svg);
  border-color: #f9c9bf #f9c9bf #f9c9bf transparent;
  box-shadow: -8px 0 0 #e62600;
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 20px;
}

.success > summary {
  color: #325e1c;
  background-color: #f3faef;
  border-color: #c9e1bd #c9e1bd #c9e1bd transparent;
  background-image: url(../images/check.svg);
  box-shadow: -8px 0 0 #77b259;
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 20px;
}

.success > div {
  background: #f3faef;
  box-shadow: -8px 0 0 #77b259;
}

.fail > div {
  background: #fcf4f2;
  box-shadow: -8px 0 0 #e62600;
}

.display-flex .fieldset-wrapper {
  display: flex;
  flex-wrap: wrap;
}

.padding-right-20 {
  padding-right: 20px;
}

.display-flex .fieldset-wrapper .description {
  align-self: flex-end;
  flex: 100%;
}

File

css/style.css
View source
  1. .fail > summary {
  2. background-color: #fcf4f2;
  3. color: #a51b00;
  4. background-image: url(../images/error.svg);
  5. border-color: #f9c9bf #f9c9bf #f9c9bf transparent;
  6. box-shadow: -8px 0 0 #e62600;
  7. background-repeat: no-repeat;
  8. background-position: left;
  9. padding-left: 20px;
  10. }
  11. .success > summary {
  12. color: #325e1c;
  13. background-color: #f3faef;
  14. border-color: #c9e1bd #c9e1bd #c9e1bd transparent;
  15. background-image: url(../images/check.svg);
  16. box-shadow: -8px 0 0 #77b259;
  17. background-repeat: no-repeat;
  18. background-position: left;
  19. padding-left: 20px;
  20. }
  21. .success > div {
  22. background: #f3faef;
  23. box-shadow: -8px 0 0 #77b259;
  24. }
  25. .fail > div {
  26. background: #fcf4f2;
  27. box-shadow: -8px 0 0 #e62600;
  28. }
  29. .display-flex .fieldset-wrapper {
  30. display: flex;
  31. flex-wrap: wrap;
  32. }
  33. .padding-right-20 {
  34. padding-right: 20px;
  35. }
  36. .display-flex .fieldset-wrapper .description {
  37. align-self: flex-end;
  38. flex: 100%;
  39. }