You are here

jcalendar.css in Calendar 5.2

Same filename and directory in other branches
  1. 6.2 jcalendar/jcalendar.css
div#calpopup {
  display: block;
  border: thin solid gray;
  /* This is css3 stuff that will not work in IE<=8.
   * What is here is a curved border for firefox and webkit
   * and a drop shadow that will only appear in webkit.
  **/
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  -webkit-box-shadow: 10px 10px 5px #888;
  /* End CSS3 stuff */
  background-color: white;
  width: 25%;
  position: absolute;
  top: 20em;
  left: 20em;
  
  /* CSS to make sure that the popup is on top */
  z-index: 800;
}

div#calpopup-body div.node {
  margin: 0;
  border: 0;
}

div#calpopup-body {
  margin: 1em;
  max-height: 20em;
  overflow-y: auto;
  /* IE7 Hack 
   * This keeps the date from sticking in one place while scrolling.
   */
  position: relative;
}

#popup-close {
  text-align: right;
  padding: 1em 1em 0 1em;
}

div#nodelink {
  margin: 1em;
}

img#popthrobber {
  text-align: center;
  margin: 3em;
}

File

jcalendar/jcalendar.css
View source
  1. div#calpopup {
  2. display: block;
  3. border: thin solid gray;
  4. /* This is css3 stuff that will not work in IE<=8.
  5. * What is here is a curved border for firefox and webkit
  6. * and a drop shadow that will only appear in webkit.
  7. **/
  8. -moz-border-radius: 1em;
  9. -webkit-border-radius: 1em;
  10. -webkit-box-shadow: 10px 10px 5px #888;
  11. /* End CSS3 stuff */
  12. background-color: white;
  13. width: 25%;
  14. position: absolute;
  15. top: 20em;
  16. left: 20em;
  17. /* CSS to make sure that the popup is on top */
  18. z-index: 800;
  19. }
  20. div#calpopup-body div.node {
  21. margin: 0;
  22. border: 0;
  23. }
  24. div#calpopup-body {
  25. margin: 1em;
  26. max-height: 20em;
  27. overflow-y: auto;
  28. /* IE7 Hack
  29. * This keeps the date from sticking in one place while scrolling.
  30. */
  31. position: relative;
  32. }
  33. #popup-close {
  34. text-align: right;
  35. padding: 1em 1em 0 1em;
  36. }
  37. div#nodelink {
  38. margin: 1em;
  39. }
  40. img#popthrobber {
  41. text-align: center;
  42. margin: 3em;
  43. }