CSS   23

datepicker-cds

Guest on 7th July 2022 01:50:00 AM

  1.  
  2.  
  3. .datepicker-calendar {
  4.     font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  5. }
  6. caption { /* ADDED */
  7.     caption-side: top;
  8. }
  9.  
  10. #lower-left {
  11.     position: fixed;
  12.     bottom: 1.25em;
  13.     left: 1.25em;
  14.     width: 28em;
  15.     -webkit-box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.43);
  16.     -moz-box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.43);
  17.     box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.43);
  18.     z-index: 10000;
  19. }
  20.  
  21. #upper-right {
  22.     position: fixed;
  23.     top: .3em;
  24.     right: 1.25em;
  25.     width: 28em;
  26.     -webkit-box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.43);
  27.     -moz-box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.43);
  28.     box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.43);
  29.     z-index: 10000;
  30. }
  31.  
  32. .position1,
  33. .position2,
  34. .position3 {
  35.     background-color: #fdfdfd;
  36.     border: 1px solid #373737;
  37.     -webkit-box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.43);
  38.     -moz-box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.43);
  39.     box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.43);
  40.     height: 20em;
  41.     position: relative;
  42.     width: 20em;
  43. }
  44.  
  45. .position1 {
  46.     margin: 1em auto 10em auto;
  47. }
  48.  
  49. .position2 {
  50.     left: 4em;
  51.     top: 4em;
  52. }
  53.  
  54. .position3 {
  55.     left: -8em;
  56.     position: absolute;
  57.     top: 4em;
  58. }
  59.  
  60. .position4 {
  61.     padding: 1em;
  62. }

Raw Paste

Login or Register to edit or fork this paste. It's free.