Repositorio del curso CCOM4030 el semestre B91 del proyecto Artesanías con el Instituto de Cultura

theme3.css 1.6KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  1. .cld-main{
  2. width: 660px;
  3. text-align: center;
  4. }
  5. .cld-main a{
  6. color: #7B00FF;
  7. }
  8. .cld-datetime{
  9. position: relative;
  10. width: 66%;
  11. min-width: 100px;
  12. max-width: 300px;
  13. margin: auto;
  14. overflow: hidden;
  15. }
  16. .cld-datetime .today{
  17. position: relative;
  18. float: left;
  19. width: calc(100% - 40px);
  20. margin: auto;
  21. text-align: center;
  22. }
  23. .cld-nav{
  24. position: relative;
  25. width: 20px;
  26. height: 20px;
  27. margin-top: 2px;
  28. }
  29. .cld-nav:hover{
  30. cursor: pointer;
  31. }
  32. .cld-nav:hover svg{
  33. fill: #666;
  34. }
  35. .cld-rwd{
  36. float: left;
  37. }
  38. .cld-fwd{
  39. float: right;
  40. }
  41. .cld-nav svg:hover{
  42. }
  43. .cld-labels, .cld-days{
  44. padding-left: 0;
  45. }
  46. .cld-label, .cld-day{
  47. box-sizing: border-box;
  48. display: inline-block;
  49. width: 14.28%;
  50. text-align: center;
  51. }
  52. .cld-day{
  53. display: block;
  54. float: left;
  55. position: relative;
  56. margin: 0;
  57. padding: 5px;
  58. height: 66px;
  59. border: 1px solid #ddd;
  60. overflow-y: auto;
  61. }
  62. .cld-day.clickable:hover{
  63. cursor: pointer;
  64. }
  65. .cld-day.today{
  66. border: 1px solid #7B00FF;
  67. }
  68. .cld-day.disableDay{
  69. opacity: 0.5;
  70. }
  71. .cld-day.nextMonth, .cld-day.prevMonth{
  72. opacity: 0.33;
  73. }
  74. .cld-number{
  75. margin: 0;
  76. text-align: left;
  77. }
  78. .cld-title{
  79. font-size: 10px;
  80. display: block;
  81. margin: 0;
  82. font-weight: normal;
  83. }
  84. .cld-day:hover{
  85. background: #eee;
  86. }
  87. .cld-number.eventday{
  88. font-weight: bold;
  89. }
  90. .cld-number.eventday:hover{
  91. background: #eee;
  92. }
  93. .today .cld-number.eventday:hover{
  94. }