You are here

Home » API reference » Opening hours 7

opening_hours.admin.css in Opening hours 7

Same filename and directory in other branches
  1. 6 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. 

  6. .opening-hours-admin-main-view .instance-display-view {

  7.   background-color: #cfc;

  8.   border: 1px solid #aea;

  9.   color: #373;

  10.   margin-bottom: 0.5em;

  11.   padding: 0.5em;

  12.   -moz-border-radius: 0.5em;

  13.   -webkit-border-radius: 0.5em;

  14.   border-radius: 0.5em;

  15. }

  16. 

  17. .opening-hours-admin-main-view .instance-display-view:hover {

  18.     background-color: #aea;

  19. }

  20. 

  21. .opening-hours-admin-main-view .instance-display-view p {

  22.   margin: 0;

  23. }

  24. 

  25. .opening-hours-admin-main-view .dateheader {

  26.   clear: left;

  27.   cursor: pointer;

  28.   float: left;

  29. }

  30. 

  31. .opening-hours-admin-main-view .dateheader:hover {

  32.   background-color: #ffe;

  33. }

  34. 

  35. .opening-hours-admin-main-view .navigation {

  36.   float: left;

  37.   margin-left: 3em;

  38. }

  39. 

  40. .opening-hours-admin-main-view .navigation li {

  41.   float: left;

  42.   list-style-type: none;

  43. }

  44. 

  45. .opening-hours-admin-main-view .navigation a {

  46.   display: block;

  47.   background-color: #eee;

  48.   border: 1px solid;

  49.   color: #444;

  50.   margin-right: 0.25em;

  51.   border-color: #ccc #aaa #aaa #ccc;

  52.   padding: 0 0.65em;

  53.   line-height: 200%;

  54. }

  55. 

  56. /** Prev and next are giant arrow characters, enlarge them. **/

  57. .opening-hours-admin-main-view .navigation .prev,

  58. .opening-hours-admin-main-view .navigation .next {

  59.   font-size: 200%;

  60.   line-height: 100%;

  61. }

  62. 

  63. .opening-hours-admin-main-view .days {

  64.   clear: left;

  65. }

  66. 

  67. .opening-hours-admin-main-view .day-view {

  68.   min-height: 3em;

  69.   height: 3em;

  70.   border: 1px solid #eee;

  71. }

  72. 

  73. .opening-hours-admin-main-view .day-view:hover {

  74.   background-color: #eee;

  75.   cursor: pointer;

  76. }

  77. 

  78. .opening-hours-admin-main-view .blocked {

  79.   background: #aaa url(../images/blocked-pattern.png);

  80.   border: 5px solid #777;

  81.   color: white;

  82.   font-size: 14px;

  83.   font-weight: bold;

  84.   text-align: center;

  85.   vertical-align: middle;

  86. }

  87. 

  88. #oho-instance-edit-form fieldset {

  89.   margin-bottom: 1em;

  90. }

  91. 

  92. #oho-instance-edit-form .text {

  93.   border: 1px solid;

  94.   border-color: #ccc #ddd #ddd;

  95.   padding: 0 0.25em;

  96. }

  97. 

  98. #oho-instance-edit-form .text:focus {

  99.   border-color: #4d90fe;

  100. }

  101. 

  102. #oho-instance-edit-form fieldset {

  103.   border-bottom: 1px solid #eee;

  104.   margin-right: 1em;

  105.   padding-bottom: 1.5em;

  106.   padding-top: 0.5em;

  107.   width: 550px;

  108. }

  109. 

  110. #oho-instance-edit-form label {

  111.   font-weight: normal;

  112. }

  113. 

  114. #oho-instance-edit-form .details label {

  115.   display: block;

  116.   margin-bottom: 0.25em;

  117. }

  118. 

  119. .ui-dialog-overlay {

  120.   background-color: black;

  121.   opacity: 0.5;

  122. }

  123. 

  124. .ui-dialog-container .ui-dialog-content {

  125.   padding: 0;

  126. }

  127. 

  128. .ui-dialog-container .instance-edit-view,

  129. .ui-dialog-container p {

  130.   padding: 1em;

  131. }