Typica is a free program for professional coffee roasters. https://typica.us
Nevar pievienot vairāk kā 25 tēmas Tēmai ir jāsākas ar burtu vai ciparu, tā var saturēt domu zīmes ('-') un var būt līdz 35 simboliem gara.

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103
  1. html {
  2. /* background: #82B3AE; */
  3. background: #EFF0F1;
  4. }
  5. .container {
  6. width: 100%;
  7. margin-right: auto;
  8. margin-left: auto;
  9. }
  10. @media screen and (min-width: 500px) {
  11. .cell {
  12. max-width: 100%;
  13. }
  14. }
  15. @media screen and (min-width: 800px) {
  16. .cell {
  17. max-width: 50%;
  18. }
  19. }
  20. @media screen and (min-width: 1200px) {
  21. .cell {
  22. max-width: 33%;
  23. }
  24. }
  25. @media screen and (min-width: 1600px) {
  26. .cell {
  27. max-width: 25%;
  28. }
  29. }
  30. @media screen and (min-width: 2000px) {
  31. .cell {
  32. max-width: 20%;
  33. }
  34. }
  35. .cell {
  36. float: left;
  37. width: 100%;
  38. min-width: 350px;
  39. }
  40. .cell-title {
  41. background: #230F2B;
  42. }
  43. .cell-wrapper {
  44. background: #FFFFFF;
  45. border: 1px solid #e2e2e2;
  46. border-radius: 3px;
  47. margin-bottom: 10px;
  48. margin-left: 5px;
  49. margin-right: 5px;
  50. }
  51. .cell-wrapper .cell-title {
  52. border-bottom: 1px solid #d7d7d7;
  53. color: #EBEBBC;
  54. font-size: 14px;
  55. font-weight: 600;
  56. padding: 7px 10px 4px;
  57. }
  58. .cell-wrapper .cell-stage {
  59. overflow: hidden;
  60. padding: 5px 10px;
  61. position: relative;
  62. }
  63. .cell-wrapper .cell-notes {
  64. background: #F21D41;
  65. border-top: 1px solid #e2e2e2;
  66. color: #EBEBBC;
  67. font-size: 14px;
  68. font-weight: 600;
  69. padding: 8px 10px 5px;
  70. }
  71. .cell-wrapper .cell-stage .cell-title {
  72. border: medium none;
  73. }
  74. .container a {
  75. color: #000000;
  76. }
  77. .cell-stage p {
  78. margin: 0;
  79. padding: 0;
  80. }
  81. a {
  82. text-decoration: none;
  83. }
  84. .reminder {
  85. margin-bottom: 4px;
  86. }