You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

60 lines
2.2 KiB

  1. /*******************************
  2. Content Well
  3. *******************************/
  4. .ui.well {
  5. display: inline-block;
  6. padding: 6px;
  7. -webkit-border-radius: 10px;
  8. -moz-border-radius: 10px;
  9. border-radius: 10px;
  10. -webkit-box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.05) inset, 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
  11. -moz-box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.05) inset, 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
  12. box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.05) inset, 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
  13. background-image: -webkit-linear-gradient(top, rgba(80, 80, 80, 0.24) 0%, rgba(119, 119, 119, 0.24) 100%);
  14. background-image: -moz-linear-gradient(top, rgba(80, 80, 80, 0.24) 0%, rgba(119, 119, 119, 0.24) 100%);
  15. background-image: -o-linear-gradient(top, rgba(80, 80, 80, 0.24) 0%, rgba(119, 119, 119, 0.24) 100%);
  16. background-image: -ms-linear-gradient(top, rgba(80, 80, 80, 0.24) 0%, rgba(119, 119, 119, 0.24) 100%);
  17. background-image: linear-gradient(top, rgba(80, 80, 80, 0.24) 0%, rgba(119, 119, 119, 0.24) 100%);
  18. }
  19. .ui.well .button {
  20. -webkit-border-radius: 10px;
  21. -moz-border-radius: 10px;
  22. border-radius: 10px;
  23. }
  24. /* Lighter Color Well */
  25. .ui.light.well {
  26. background-image: -webkit-linear-gradient(top, rgba(80, 80, 80, 0.14) 0%, rgba(119, 119, 119, 0.14) 100%);
  27. background-image: -moz-linear-gradient(top, rgba(80, 80, 80, 0.14) 0%, rgba(119, 119, 119, 0.14) 100%);
  28. background-image: -o-linear-gradient(top, rgba(80, 80, 80, 0.14) 0%, rgba(119, 119, 119, 0.14) 100%);
  29. background-image: -ms-linear-gradient(top, rgba(80, 80, 80, 0.14) 0%, rgba(119, 119, 119, 0.14) 100%);
  30. background-image: linear-gradient(top, rgba(80, 80, 80, 0.14) 0%, rgba(119, 119, 119, 0.14) 100%);
  31. }
  32. /* Shallow Well */
  33. .ui.shallow.well {
  34. -webkit-border-radius: 4px;
  35. -moz-border-radius: 4px;
  36. border-radius: 4px;
  37. padding: 4px;
  38. }
  39. .ui.shallow.well .button {
  40. border-radius: 4px;
  41. }
  42. /* Deeper Well */
  43. .ui.deep.well {
  44. -webkit-border-radius: 50px;
  45. -moz-border-radius: 50px;
  46. border-radius: 50px;
  47. padding: 10px;
  48. }
  49. .ui.deep.well .button {
  50. border-radius: 50px;
  51. }
  52. /* Fluid Width */
  53. .ui.well.fluid,
  54. .ui.well.fluid .button {
  55. width: 100%;
  56. -webkit-box-sizing: border-box;
  57. -moz-box-sizing: border-box;
  58. -ms-box-sizing: border-box;
  59. box-sizing: border-box;
  60. }