You are here

office_hours.css in Office Hours 8

@charset "UTF-8";

/*
 * Widget settings
 */
.field--type-office-hours {
  white-space: normal;
}
/* Format the 'day' column. */
.office-hours-label {
  font-weight: bold;
  text-align: left;
}
/* Format the 'day' column for additional slots. */
.office-hours-more-label {
  font-weight: bold;
  text-align: right;
  font-style: italic;
}
.office-hours__item-label {
  /* padding: 0 0 0 0; */
  /* float: left; */
  /* display: inline-block; */
  /* vertical-align: text-top; */
  font-weight: bold;
}
/* Make each link unbreakable for responsive widget table. */
.office-hours-link {
  white-space: nowrap;
}

/*
 * Formatter settings - default formatter
 */
span.office-hours__item-label {
  display: inline-block;
  vertical-align: text-top;
}
span.office-hours__item-slots {
  display: inline-block;
  vertical-align: text-top;
}
span.office-hours__item-comments {
  display: inline-block;
  vertical-align: text-top;
}

/*
 * Formatter settings - table formatter
 */
/* Transparant background, hiding table details from user. */
tr.office-hours__item {
  background: rgba(0, 0, 0, 0);
}

/* Do not wrap label, slots, comments in cells. */
.office-hours__item td {
  white-space: nowrap;
  vertical-align: text-top;
}

/*
 * Formatter settings - status formatter
 */
.office-hours-status--closed {
  font-style: italic;
}

File

css/office_hours.css
View source
  1. @charset "UTF-8";
  2. /*
  3. * Widget settings
  4. */
  5. .field--type-office-hours {
  6. white-space: normal;
  7. }
  8. /* Format the 'day' column. */
  9. .office-hours-label {
  10. font-weight: bold;
  11. text-align: left;
  12. }
  13. /* Format the 'day' column for additional slots. */
  14. .office-hours-more-label {
  15. font-weight: bold;
  16. text-align: right;
  17. font-style: italic;
  18. }
  19. .office-hours__item-label {
  20. /* padding: 0 0 0 0; */
  21. /* float: left; */
  22. /* display: inline-block; */
  23. /* vertical-align: text-top; */
  24. font-weight: bold;
  25. }
  26. /* Make each link unbreakable for responsive widget table. */
  27. .office-hours-link {
  28. white-space: nowrap;
  29. }
  30. /*
  31. * Formatter settings - default formatter
  32. */
  33. span.office-hours__item-label {
  34. display: inline-block;
  35. vertical-align: text-top;
  36. }
  37. span.office-hours__item-slots {
  38. display: inline-block;
  39. vertical-align: text-top;
  40. }
  41. span.office-hours__item-comments {
  42. display: inline-block;
  43. vertical-align: text-top;
  44. }
  45. /*
  46. * Formatter settings - table formatter
  47. */
  48. /* Transparant background, hiding table details from user. */
  49. tr.office-hours__item {
  50. background: rgba(0, 0, 0, 0);
  51. }
  52. /* Do not wrap label, slots, comments in cells. */
  53. .office-hours__item td {
  54. white-space: nowrap;
  55. vertical-align: text-top;
  56. }
  57. /*
  58. * Formatter settings - status formatter
  59. */
  60. .office-hours-status--closed {
  61. font-style: italic;
  62. }