coffee.css 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. #coffee-bg {
  2. background-color: rgba(8, 68, 122, 0.4);
  3. }
  4. #coffee-form {
  5. background: transparent;
  6. border-radius: 4px;
  7. max-width: 580px;
  8. }
  9. #coffee-form-inner {
  10. box-shadow: none;
  11. background: transparent;
  12. padding: 0;
  13. }
  14. #coffee-q {
  15. background: #08447a;
  16. padding: 2.2rem 1rem;
  17. color: #fff;
  18. border-radius: 4px;
  19. margin: 0;
  20. font-weight: 100;
  21. }
  22. #coffee-results ul {
  23. padding: 0;
  24. top: -2px !important;
  25. max-width: 560px;
  26. }
  27. #coffee-results li {
  28. overflow: hidden;
  29. }
  30. #coffee-results a {
  31. padding: 1rem;
  32. text-transform: uppercase;
  33. }
  34. #coffee-results .description {
  35. font-style: italic;
  36. text-transform: lowercase;
  37. }
  38. #coffee-results a.ui-state-hover,
  39. #coffee-results a.ui-state-active,
  40. #coffee-results a:focus,
  41. #coffee-results a:hover,
  42. #coffee-results .ui-state-focus {
  43. background: #0678be;
  44. color: #fff;
  45. }
  46. #coffee-results a.ui-state-hover .description,
  47. #coffee-results a.ui-state-active .description,
  48. #coffee-results a:focus .description,
  49. #coffee-results a:hover .description,
  50. #coffee-results .ui-state-focus .description {
  51. color: #08447a;
  52. }