You are here

office_hours.css in Office Hours 5

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

/*.office-hours-endhours .form-item label, .office-hours-starthours .form-item label, .office-hours-day .form-item label {
display: inline;
}*/

fieldset.office-container-inline .form-item {
  float:left; padding-right: 4px; margin:0
}
fieldset.office-container-inline .form-item, fieldset.office-container-inline .form-item input {
  width:auto;
}
fieldset.office-container-inline .description {
clear: both;
}
fieldset.office-container-inline .form-item input, fieldset.office-container-inline .form-item select {
margin-right:.7em;
}
fieldset.office-container-inline div.office-hours-block{
  display:block;
  clear: both;
}

fieldset.office-container-inline div.office-hours-block span.morelink{
  display: inline;
  clear: none;
  float:left;
  margin-right:0.7em;
  margin-left:0.7em;
}
fieldset.office-container-inline div.office-hours-block:after {
 content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden
}
 
/*
** Markup free clearing
** Details: http://www.positioniseverything.net/easyclearing.html
** based on date.css from date module
* css for displaying office hours in the node editing form
*/
fieldset.office-container-inline:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
 }

.oh-toggle {

}


fieldset.office-container-inline {
 display: inline-block;
 }

/* Hides from IE-mac \*/
* html fieldset.office-container-inline {
  height: 1%;
 }
fieldset.office-container-inline {
  display: block;
 }
/* End hide from IE-mac */

/* styles for display of office_hours in nodes */
div.oh-display {
 display:block;
}

span.oh-display-day-show {
}

span.oh-display-day-hide { /* this is used to hide the second day, if two consecutive days are shown.*/
visibility: hidden;
}
span.oh-display-single {
}
span.oh-display-start {
}
span.oh-display-separator {
}
span.oh-display-end {
 
  clear:left;
  margin-left:20px;
}


File

office_hours.css
View source
  1. @CHARSET "UTF-8";
  2. /*.office-hours-endhours .form-item label, .office-hours-starthours .form-item label, .office-hours-day .form-item label {
  3. display: inline;
  4. }*/
  5. fieldset.office-container-inline .form-item {
  6. float:left; padding-right: 4px; margin:0
  7. }
  8. fieldset.office-container-inline .form-item, fieldset.office-container-inline .form-item input {
  9. width:auto;
  10. }
  11. fieldset.office-container-inline .description {
  12. clear: both;
  13. }
  14. fieldset.office-container-inline .form-item input, fieldset.office-container-inline .form-item select {
  15. margin-right:.7em;
  16. }
  17. fieldset.office-container-inline div.office-hours-block{
  18. display:block;
  19. clear: both;
  20. }
  21. fieldset.office-container-inline div.office-hours-block span.morelink{
  22. display: inline;
  23. clear: none;
  24. float:left;
  25. margin-right:0.7em;
  26. margin-left:0.7em;
  27. }
  28. fieldset.office-container-inline div.office-hours-block:after {
  29. content: ".";
  30. display: block;
  31. height: 0;
  32. clear: both;
  33. visibility: hidden
  34. }
  35. /*
  36. ** Markup free clearing
  37. ** Details: http://www.positioniseverything.net/easyclearing.html
  38. ** based on date.css from date module
  39. * css for displaying office hours in the node editing form
  40. */
  41. fieldset.office-container-inline:after {
  42. content: ".";
  43. display: block;
  44. height: 0;
  45. clear: both;
  46. visibility: hidden;
  47. }
  48. .oh-toggle {
  49. }
  50. fieldset.office-container-inline {
  51. display: inline-block;
  52. }
  53. /* Hides from IE-mac \*/
  54. * html fieldset.office-container-inline {
  55. height: 1%;
  56. }
  57. fieldset.office-container-inline {
  58. display: block;
  59. }
  60. /* End hide from IE-mac */
  61. /* styles for display of office_hours in nodes */
  62. div.oh-display {
  63. display:block;
  64. }
  65. span.oh-display-day-show {
  66. }
  67. span.oh-display-day-hide { /* this is used to hide the second day, if two consecutive days are shown.*/
  68. visibility: hidden;
  69. }
  70. span.oh-display-single {
  71. }
  72. span.oh-display-start {
  73. }
  74. span.oh-display-separator {
  75. }
  76. span.oh-display-end {
  77. clear:left;
  78. margin-left:20px;
  79. }