You are here

Home » API reference » Date 5.2

date.css in Date 5.2

Same filename and directory in other branches
  1. 5 date.css
  2. 6.2 date.css
  3. 6 date.css
.container-inline-date {
  width:auto; 
  clear:both;
  padding:0;
  display: inline-block;
  vertical-align:top;
  margin-right: 0.5em;
}

.container-inline-date .form-item {
  float:none;
  padding:0;
  margin:0;
}
.container-inline-date .form-item .form-item {
  float:left;
}
.container-inline-date .form-item, 
.container-inline-date .form-item input {
  width:auto;
}
.container-inline-date .description {
  clear: both;
}

.container-inline-date .form-item input,
.container-inline-date .form-item select,
.container-inline-date .form-item option {
  margin-right:.5em;
}

.container-inline-date .date-spacer {
  margin-left:-.5em;
}

/* force IE to display the jscalendar icon in date fieldsets */
.container-inline-date .jscalendar-icon {
  text-indent: 0;
}

/* formatting for from/to dates in nodes and views */
span.date-display-single {
}
span.date-display-start {
}
span.date-display-end {
}
span.date-display-separator {
}

.date-repeat-input {
  float:left;
  width:auto;
  margin-right:5px;
}
.date-repeat-input select {
  min-width:7em;
}
.date-repeat fieldset {
  clear:both;
  float:none;
}

.date-nav {
  width:100%;
}
.date-nav div.date-prev {
  text-align: left;
  width:24%;
  float:left;
}
.date-nav div.date-next {
  text-align: right;
  width:24%;
  float:right;
}
.date-nav div.date-heading {
  text-align:center;
  width:50%;
  float:left;
}
.date-nav div.date-heading h3 {
  margin:0;
  padding:0;
}
.date-clear {
  float:none;
  clear:both;
  display:block;
}

.date-clear-block {
  float:none;
  width:auto;
  clear:both;
}

/* 	 
 ** Markup free clearing that fixes unwanted scrollbars 	 
 ** @see http://drupal.org/node/232959 	 
 */ 	 
 .date-clear-block:after { 	 
   content: " "; 	 
   display: block; 	 
   height: 0; 	 
   clear: both; 	 
   visibility: hidden; 	 
 } 	 
 .date-clear-block { 	 
   display: inline-block; 	 
 } 	 
 /* Hides from IE-mac \*/ 	 
 * html .date-clear-block { 	 
   height: 1%; 	 
 } 	 
 .date-clear-block { 	 
   display: block; 	 
 } 	 
 /* End hide from IE-mac */

File

date.css
View source 
  1. .container-inline-date {

  2.   width:auto; 

  3.   clear:both;

  4.   padding:0;

  5.   display: inline-block;

  6.   vertical-align:top;

  7.   margin-right: 0.5em;

  8. }

  9. 

  10. .container-inline-date .form-item {

  11.   float:none;

  12.   padding:0;

  13.   margin:0;

  14. }

  15. .container-inline-date .form-item .form-item {

  16.   float:left;

  17. }

  18. .container-inline-date .form-item, 

  19. .container-inline-date .form-item input {

  20.   width:auto;

  21. }

  22. .container-inline-date .description {

  23.   clear: both;

  24. }

  25. 

  26. .container-inline-date .form-item input,

  27. .container-inline-date .form-item select,

  28. .container-inline-date .form-item option {

  29.   margin-right:.5em;

  30. }

  31. 

  32. .container-inline-date .date-spacer {

  33.   margin-left:-.5em;

  34. }

  35. 

  36. /* force IE to display the jscalendar icon in date fieldsets */

  37. .container-inline-date .jscalendar-icon {

  38.   text-indent: 0;

  39. }

  40. 

  41. /* formatting for from/to dates in nodes and views */

  42. span.date-display-single {

  43. }

  44. span.date-display-start {

  45. }

  46. span.date-display-end {

  47. }

  48. span.date-display-separator {

  49. }

  50. 

  51. .date-repeat-input {

  52.   float:left;

  53.   width:auto;

  54.   margin-right:5px;

  55. }

  56. .date-repeat-input select {

  57.   min-width:7em;

  58. }

  59. .date-repeat fieldset {

  60.   clear:both;

  61.   float:none;

  62. }

  63. 

  64. .date-nav {

  65.   width:100%;

  66. }

  67. .date-nav div.date-prev {

  68.   text-align: left;

  69.   width:24%;

  70.   float:left;

  71. }

  72. .date-nav div.date-next {

  73.   text-align: right;

  74.   width:24%;

  75.   float:right;

  76. }

  77. .date-nav div.date-heading {

  78.   text-align:center;

  79.   width:50%;

  80.   float:left;

  81. }

  82. .date-nav div.date-heading h3 {

  83.   margin:0;

  84.   padding:0;

  85. }

  86. .date-clear {

  87.   float:none;

  88.   clear:both;

  89.   display:block;

  90. }

  91. 

  92. .date-clear-block {

  93.   float:none;

  94.   width:auto;

  95.   clear:both;

  96. }

  97. 

  98. /* 	 

  99.  ** Markup free clearing that fixes unwanted scrollbars 	 

  100.  ** @see http://drupal.org/node/232959 	 

  101.  */ 	 

  102.  .date-clear-block:after { 	 

  103.    content: " "; 	 

  104.    display: block; 	 

  105.    height: 0; 	 

  106.    clear: both; 	 

  107.    visibility: hidden; 	 

  108.  } 	 

  109.  .date-clear-block { 	 

  110.    display: inline-block; 	 

  111.  } 	 

  112.  /* Hides from IE-mac \*/ 	 

  113.  * html .date-clear-block { 	 

  114.    height: 1%; 	 

  115.  } 	 

  116.  .date-clear-block { 	 

  117.    display: block; 	 

  118.  } 	 

  119.  /* End hide from IE-mac */

  120.