You are here

office_hours.css in Office Hours 7

Same filename and directory in other branches
  1. 5 office_hours.css
  2. 6.2 office_hours.css
  3. 6 office_hours.css
@CHARSET "UTF-8";

/* Formatter in Views and Pages. */
.oh-display {
  display: block;
  white-space: nowrap;
}

.oh-display-label {
  display: inline-block; /* Give each label the same width, to align the hours. */
  vertical-align: text-top;
  /* width: 9em; */
  min-width: 3em;
}

.oh-display-times {
  display: inline-block;
  vertical-align: text-top;
}

.oh-display-hours {
}

.oh-display-closed {
  font-style: italic;
}

/* Time blocks in the Widget on field and field settings. */
div.field-type-office-hours div.office-hours-block div {
  display: inline;
  display: -moz-inline-box;
  display: inline-block;
}

/* Time blocks in the Dynamic Widget on field and field settings. */
.field-widget-office-hours-dynamic-widget label,
.field-widget-office-hours-dynamic-widget .form-item {
  display: inline;
  display: -moz-inline-box;
  display: inline-block;
}

/* 'Day' label in the Widget on field and field settings. */
td div.office-hours-block label {
  width: 6em;
  display: -moz-inline-box;
  display: inline-block;
  font-weight: bold;
  padding: 0 1em 0 0;
}

File

office_hours.css
View source
  1. @CHARSET "UTF-8";
  2. /* Formatter in Views and Pages. */
  3. .oh-display {
  4. display: block;
  5. white-space: nowrap;
  6. }
  7. .oh-display-label {
  8. display: inline-block; /* Give each label the same width, to align the hours. */
  9. vertical-align: text-top;
  10. /* width: 9em; */
  11. min-width: 3em;
  12. }
  13. .oh-display-times {
  14. display: inline-block;
  15. vertical-align: text-top;
  16. }
  17. .oh-display-hours {
  18. }
  19. .oh-display-closed {
  20. font-style: italic;
  21. }
  22. /* Time blocks in the Widget on field and field settings. */
  23. div.field-type-office-hours div.office-hours-block div {
  24. display: inline;
  25. display: -moz-inline-box;
  26. display: inline-block;
  27. }
  28. /* Time blocks in the Dynamic Widget on field and field settings. */
  29. .field-widget-office-hours-dynamic-widget label,
  30. .field-widget-office-hours-dynamic-widget .form-item {
  31. display: inline;
  32. display: -moz-inline-box;
  33. display: inline-block;
  34. }
  35. /* 'Day' label in the Widget on field and field settings. */
  36. td div.office-hours-block label {
  37. width: 6em;
  38. display: -moz-inline-box;
  39. display: inline-block;
  40. font-weight: bold;
  41. padding: 0 1em 0 0;
  42. }