temperature.css 606 B

123456789101112131415161718192021222324252627282930313233
  1. .currentTemp {
  2. background: #ffcdd2;
  3. height: 200px;
  4. width: 200px;
  5. position: relative;
  6. display: inline-block;
  7. }
  8. .currentTemp .background {
  9. position: absolute;
  10. bottom: 0;
  11. left: 0;
  12. right: 0;
  13. top: 20%;
  14. transition: all 500ms ease-in-out;
  15. }
  16. .currentTemp .reading {
  17. position: relative;
  18. height: 200px;
  19. width: 200px;
  20. vertical-align: middle;
  21. display: table-cell;
  22. text-align: center;
  23. font-size: 250%;
  24. }
  25. .currentTemp .shadow {
  26. box-shadow: inset 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
  27. border: 2px solid #212121;
  28. position: absolute;
  29. bottom: 0;
  30. left: 0;
  31. right: 0;
  32. top: 0;
  33. }