You are here

opening_hours.admin.css in Opening hours 6

Same filename and directory in other branches
  1. 7 css/opening_hours.admin.css

Styling for the opening hours admin interface.

File

css/opening_hours.admin.css
View source
  1. /**
  2. * @file
  3. * Styling for the opening hours admin interface.
  4. */
  5. .opening-hours-admin-main-view .instance-display-view {
  6. background-color: #cfc;
  7. border: 1px solid #aea;
  8. color: #373;
  9. margin-bottom: 0.5em;
  10. padding: 0.5em;
  11. -moz-border-radius: 0.5em;
  12. -webkit-border-radius: 0.5em;
  13. border-radius: 0.5em;
  14. }
  15. .opening-hours-admin-main-view .instance-display-view p {
  16. margin: 0;
  17. }
  18. .opening-hours-admin-main-view .dateheader {
  19. clear: left;
  20. cursor: pointer;
  21. float: left;
  22. }
  23. .opening-hours-admin-main-view .dateheader:hover {
  24. background-color: #ffe;
  25. }
  26. .opening-hours-admin-main-view .navigation {
  27. float: left;
  28. margin-left: 3em;
  29. }
  30. .opening-hours-admin-main-view .navigation li {
  31. float: left;
  32. list-style-type: none;
  33. }
  34. .opening-hours-admin-main-view .navigation a {
  35. display: block;
  36. background-color: #eee;
  37. border: 1px solid;
  38. color: #444;
  39. margin-right: 0.25em;
  40. border-color: #ccc #aaa #aaa #ccc;
  41. padding: 0 0.65em;
  42. line-height: 200%;
  43. }
  44. /** Prev and next are giant arrow characters, enlarge them. **/
  45. .opening-hours-admin-main-view .navigation .prev,
  46. .opening-hours-admin-main-view .navigation .next {
  47. font-size: 200%;
  48. line-height: 100%;
  49. }
  50. .opening-hours-admin-main-view .days {
  51. clear: left;
  52. }
  53. .opening-hours-admin-main-view .day-view {
  54. min-height: 3em;
  55. height: 3em;
  56. }
  57. .opening-hours-admin-main-view .blocked {
  58. background: #aaa url(../images/blocked-pattern.png);
  59. border: 5px solid #777;
  60. color: white;
  61. font-size: 14px;
  62. font-weight: bold;
  63. text-align: center;
  64. vertical-align: middle;
  65. }
  66. #oho-instance-edit-form fieldset {
  67. margin-bottom: 1em;
  68. }
  69. #oho-instance-edit-form .text {
  70. border: 1px solid;
  71. border-color: #ccc #ddd #ddd;
  72. padding: 0 0.25em;
  73. }
  74. #oho-instance-edit-form .text:focus {
  75. border-color: #4d90fe;
  76. }
  77. #oho-instance-edit-form fieldset {
  78. border-bottom: 1px solid #eee;
  79. margin-right: 1em;
  80. padding-bottom: 1.5em;
  81. padding-top: 0.5em;
  82. width: 550px;
  83. }
  84. #oho-instance-edit-form label {
  85. font-weight: normal;
  86. }
  87. #oho-instance-edit-form .details label {
  88. display: block;
  89. margin-bottom: 0.25em;
  90. }
  91. .ui-dialog-overlay {
  92. background-color: black;
  93. opacity: 0.5;
  94. }
  95. .ui-dialog-container .ui-dialog-content {
  96. padding: 0;
  97. }
  98. .ui-dialog-container .instance-edit-view,
  99. .ui-dialog-container p {
  100. padding: 1em;
  101. }