page-manager.css

body form#page-manager-list-pages-form {
  margin: 0 0 20px 0;
}

#page-manager-list-pages-form .form-item {
  padding-right: 1em; /* LTR */
  float: left; /* LTR */
  margin-top: 0;
  margin-bottom: 0;
}

#page-manager-list-pages {
  width: 100%;
}

#edit-order-wrapper {
  clear: left; /* LTR */
}

#edit-pages-apply,
#edit-pages-reset {
  margin-top: 1.65em;
  float: left; /* LTR */
}

#page-manager-edit {
  margin-top: 1em;
}

#page-manager-edit table {
  width: 100%;
}

#page-manager-edit table tr.even {
  background-color: #fafafa;
}

#page-manager-list-pages tr.page-manager-disabled td {
  color: #999;
}

#page-manager-list-pages tr.page-manager-locked td.page-manager-page-name {
  font-style: italic;
  color: green;
  padding-left: 22px; /* LTR */
  background: url(../images/locked.png) no-repeat scroll left center; /* LTR */
}

#page-manager-list-pages tr.page-manager-locked-other td.page-manager-page-name {
  font-style: italic;
  color: red;
  padding-left: 22px; /* LTR */
  background: url(../images/locked-other.png) no-repeat scroll left center; /* LTR */
}

/* Force the background color to inherit so that the dropbuttons do not need
   a specific background color. */
#page-manager-list-pages td.page-manager-page-operations {
  vertical-align: top;
  position: relative;
  text-align: right;
}

#page-manager-list-pages td.page-manager-page-operations .ctools-dropbutton {
  text-align: left; /* LTR */
}



#page-manager-edit .page-manager-wrapper {
  margin: 0;
  padding: 0 0 0 149px;
  color: #494949;
}

#page-manager-edit .page-manager-tabs {
  border: 1px solid #aaa;
}

#page-manager-edit .page-manager-edit-operations {
  float: left; /* LTR */
  width: 150px;
  margin-left: -150px;
  margin-top: -1px;
  height: 100%;
  font-size: 90%;
}

#page-manager-edit .page-manager-edit-operations .inside {
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
}

#page-manager-edit .page-manager-edit-operations ul {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  margin-left: 0;
}

#page-manager-edit .page-manager-edit-operations li {
  list-style: none;
  background: #f6f6f6;
  border-top: 1px solid #aaa;
  border-left: 1px solid #aaa;
  border-right: 1px solid #aaa;
  padding: 0 0 0 0;
  margin: 0;
  line-height: 2em;
}

#page-manager-edit .page-manager-edit-operations li.active,
#page-manager-edit .page-manager-edit-operations li.active-group .page-manager-group-title {
  background: #ffffff url(../images/arrow-active.png) no-repeat scroll right center;
}

#page-manager-edit .page-manager-edit-operations li.changed,
#page-manager-edit .page-manager-edit-operations li.changed-group .page-manager-group-title {
  background-color: #ffe;
  font-weight: bold;
}

/** provide a reset for non active stray paths */
#page-manager-edit .page-manager-edit-operations li.active-group li.not-active .page-manager-group-title,
#page-manager-edit .page-manager-edit-operations li.changed-group li.not-changed .page-manager-group-title {
  background: #f6f6f6;
}

#page-manager-edit .page-manager-edit-operations li.active {
  border-right: 1px solid white;
}

#page-manager-edit .page-manager-edit-operations li.active a,
#page-manager-edit .page-manager-edit-operations li.active a:hover {
  background: #ffffff url(../images/arrow-active.png) no-repeat scroll right center;
  color: #000000;
  font-weight: bold;
}

#page-manager-edit .page-manager-edit-operations li.operation-first {
  border-top: none;
}

#page-manager-edit .page-manager-edit-operations li li.operation-first {
  border-top: 1px solid #aaa;
}

#page-manager-edit .page-manager-edit-operations li a {
  display: block;
  padding: 0 0 0 .5em;
  color: #494949;
}

#page-manager-edit .page-manager-edit-operations li a:hover {
  background-color: #eee;
  text-decoration: none;
}

#page-manager-edit .ctools-collapsible-container {
  display: inline-block;
  position: relative;
  *float: left; /* LTR */
  width: 100%;
}

#page-manager-edit .page-manager-edit-operations li .ctools-collapsible-handle:hover {
  background-color: #eee;
}

#page-manager-edit .page-manager-edit-operations li li {
  border-right: none;
  border-left: none;
  margin-left: 1em;
}

#page-manager-edit .page-manager-edit-operations li ul {
}

#page-manager-edit .page-manager-group-title {
  line-height: 2em;
  font-weight: bold;
  padding: 0 0 0 .5em;
}

/* Change the position of the arrow on the dropdown to look nicer with our defaults. */
#page-manager-edit .page-manager-edit-operations .ctools-toggle {
  background-position: 0 9px;
  width: 10px;
}

#page-manager-edit .page-manager-ajax-pad {
  float: left; /* LTR */
  width: 100%;
  border-left: none;
  height: 100%;
  background: white;
}

/** A riser to force the ajax pad to a minimum height. **/
#page-manager-edit .page-manager-ajax-pad .page-manager-riser {
  width: 1px;
  float: right; /* LTR */
  height: 400px;
}

#page-manager-edit .page-manager-ajax-pad .page-manager-riser span {
  display: none;
}

#page-manager-edit .page-manager-ajax-pad .content-title {
  font-weight: bold;
  font-size: 120%;
  background-color: #fafafa;
  border-bottom: 1px solid #aaa;
  border-left: 1px solid #aaa;
  margin-left: -1px;
  padding: 2px 5px 2px 20px;
}

#page-manager-edit .actions {
  padding: 0 0 0 20px;
}

#page-manager-edit .primary-actions li {
  border-top: 1px solid #aaa;
}

#page-manager-edit .secondary-actions {
  border-bottom: 1px solid #aaa;
}

#page-manager-edit .handler-actions {
  float: right; /* LTR */
}

#page-manager-edit .actions .page-manager-group-title {
  float: left; /* LTR */
  padding-left: 0;
}

#page-manager-edit .actions ul {
  float: right; /* LTR */
  text-align: right; /* LTR */
  padding: 0;
  margin: 0;
  border-right: 1px solid #aaa;
}

#page-manager-edit .handler-title .actions ul {
  border-right: none;
}

#page-manager-edit .actions li {
  float: left; /* LTR */
  background: none;
  list-style: none;
  border-left: 1px solid #aaa;
  margin: 0;
  padding: 0;
}

#page-manager-edit .actions ul li.operation-last {
  border-right: none;
}

#page-manager-edit .actions li a:hover {
  background-color: #eee;
  text-decoration: none;
}

#page-manager-edit .actions li a {
  display: block;
  padding: 0.2em 0.5em;
  color: #0062a0;
  background-color: #f6f6f6;
}

#page-manager-edit .page-manager-changed {
  float: right; /* LTR */
  font-style: italic;
  color: #f93;
  padding-left: 1em;
  padding-right: 22px;
  background: url(../images/locked.png) no-repeat scroll right center;
}

#page-manager-edit .page-manager-ajax-pad .content-content {
  padding: .5em 20px;
}

#page-manager-edit .page-manager-ajax-pad textarea {
  width: 100%;
}

#page-manager-edit .changed-notification {
  border: 1px solid #aaa;
  background-color: #ffe;
  color: #494949;
  padding: 1em;
  margin-top: 1em;
}

#page-manager-edit .ctools-locked {
  margin-bottom: 2em;
}

#page-manager-page-summary .title {
  font-weight: bold;
  font-size: 160%;
}

#page-manager-page-summary .handler-summary {
}

#page-manager-page-summary .page-summary-operation {
  text-align: right;
}

#page-manager-page-summary .page-summary-label {
  width: 8em;
  font-weight: bold;
}


.handler-summary dl {
  margin: 0;
}

.handler-summary dt {
  margin: 0;
  padding: 0;
}

.handler-summary dd {
  margin: 0;
}

.handler-summary ol {
  margin: 0;
}

.handler-summary .handler-title {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background: #fafafa;
  padding: 0 0 0 5px;
  margin-top: .5em;
}

.handler-summary .handler-title .title-label {
  font-weight: bold;
  font-size: 120%;
  line-height: 1.75em;
}


/** Override that obnoxious float on throbber. **/
#page-manager-edit .progress-disabled {
  float: none;
}

#page-manager-edit .progress-disabled + .ajax-progress {
  float: right;
  position: relative;
  top: -2em;
}

#page-manager-list-pages-form .progress-disabled + .ajax-progress {
  position: relative;
  top: 2em;
  left: -.5em;
}

File

page_manager/css/page-manager.css

View source
  1. body form#page-manager-list-pages-form {
  2. margin: 0 0 20px 0;
  3. }
  4. #page-manager-list-pages-form .form-item {
  5. padding-right: 1em; /* LTR */
  6. float: left; /* LTR */
  7. margin-top: 0;
  8. margin-bottom: 0;
  9. }
  10. #page-manager-list-pages {
  11. width: 100%;
  12. }
  13. #edit-order-wrapper {
  14. clear: left; /* LTR */
  15. }
  16. #edit-pages-apply,
  17. #edit-pages-reset {
  18. margin-top: 1.65em;
  19. float: left; /* LTR */
  20. }
  21. #page-manager-edit {
  22. margin-top: 1em;
  23. }
  24. #page-manager-edit table {
  25. width: 100%;
  26. }
  27. #page-manager-edit table tr.even {
  28. background-color: #fafafa;
  29. }
  30. #page-manager-list-pages tr.page-manager-disabled td {
  31. color: #999;
  32. }
  33. #page-manager-list-pages tr.page-manager-locked td.page-manager-page-name {
  34. font-style: italic;
  35. color: green;
  36. padding-left: 22px; /* LTR */
  37. background: url(../images/locked.png) no-repeat scroll left center; /* LTR */
  38. }
  39. #page-manager-list-pages tr.page-manager-locked-other td.page-manager-page-name {
  40. font-style: italic;
  41. color: red;
  42. padding-left: 22px; /* LTR */
  43. background: url(../images/locked-other.png) no-repeat scroll left center; /* LTR */
  44. }
  45. /* Force the background color to inherit so that the dropbuttons do not need
  46. a specific background color. */
  47. #page-manager-list-pages td.page-manager-page-operations {
  48. vertical-align: top;
  49. position: relative;
  50. text-align: right;
  51. }
  52. #page-manager-list-pages td.page-manager-page-operations .ctools-dropbutton {
  53. text-align: left; /* LTR */
  54. }
  55. #page-manager-edit .page-manager-wrapper {
  56. margin: 0;
  57. padding: 0 0 0 149px;
  58. color: #494949;
  59. }
  60. #page-manager-edit .page-manager-tabs {
  61. border: 1px solid #aaa;
  62. }
  63. #page-manager-edit .page-manager-edit-operations {
  64. float: left; /* LTR */
  65. width: 150px;
  66. margin-left: -150px;
  67. margin-top: -1px;
  68. height: 100%;
  69. font-size: 90%;
  70. }
  71. #page-manager-edit .page-manager-edit-operations .inside {
  72. border-top: 1px solid #aaa;
  73. border-bottom: 1px solid #aaa;
  74. }
  75. #page-manager-edit .page-manager-edit-operations ul {
  76. margin-top: 0;
  77. margin-bottom: 0;
  78. padding: 0;
  79. margin-left: 0;
  80. }
  81. #page-manager-edit .page-manager-edit-operations li {
  82. list-style: none;
  83. background: #f6f6f6;
  84. border-top: 1px solid #aaa;
  85. border-left: 1px solid #aaa;
  86. border-right: 1px solid #aaa;
  87. padding: 0 0 0 0;
  88. margin: 0;
  89. line-height: 2em;
  90. }
  91. #page-manager-edit .page-manager-edit-operations li.active,
  92. #page-manager-edit .page-manager-edit-operations li.active-group .page-manager-group-title {
  93. background: #ffffff url(../images/arrow-active.png) no-repeat scroll right center;
  94. }
  95. #page-manager-edit .page-manager-edit-operations li.changed,
  96. #page-manager-edit .page-manager-edit-operations li.changed-group .page-manager-group-title {
  97. background-color: #ffe;
  98. font-weight: bold;
  99. }
  100. /** provide a reset for non active stray paths */
  101. #page-manager-edit .page-manager-edit-operations li.active-group li.not-active .page-manager-group-title,
  102. #page-manager-edit .page-manager-edit-operations li.changed-group li.not-changed .page-manager-group-title {
  103. background: #f6f6f6;
  104. }
  105. #page-manager-edit .page-manager-edit-operations li.active {
  106. border-right: 1px solid white;
  107. }
  108. #page-manager-edit .page-manager-edit-operations li.active a,
  109. #page-manager-edit .page-manager-edit-operations li.active a:hover {
  110. background: #ffffff url(../images/arrow-active.png) no-repeat scroll right center;
  111. color: #000000;
  112. font-weight: bold;
  113. }
  114. #page-manager-edit .page-manager-edit-operations li.operation-first {
  115. border-top: none;
  116. }
  117. #page-manager-edit .page-manager-edit-operations li li.operation-first {
  118. border-top: 1px solid #aaa;
  119. }
  120. #page-manager-edit .page-manager-edit-operations li a {
  121. display: block;
  122. padding: 0 0 0 .5em;
  123. color: #494949;
  124. }
  125. #page-manager-edit .page-manager-edit-operations li a:hover {
  126. background-color: #eee;
  127. text-decoration: none;
  128. }
  129. #page-manager-edit .ctools-collapsible-container {
  130. display: inline-block;
  131. position: relative;
  132. *float: left; /* LTR */
  133. width: 100%;
  134. }
  135. #page-manager-edit .page-manager-edit-operations li .ctools-collapsible-handle:hover {
  136. background-color: #eee;
  137. }
  138. #page-manager-edit .page-manager-edit-operations li li {
  139. border-right: none;
  140. border-left: none;
  141. margin-left: 1em;
  142. }
  143. #page-manager-edit .page-manager-edit-operations li ul {
  144. }
  145. #page-manager-edit .page-manager-group-title {
  146. line-height: 2em;
  147. font-weight: bold;
  148. padding: 0 0 0 .5em;
  149. }
  150. /* Change the position of the arrow on the dropdown to look nicer with our defaults. */
  151. #page-manager-edit .page-manager-edit-operations .ctools-toggle {
  152. background-position: 0 9px;
  153. width: 10px;
  154. }
  155. #page-manager-edit .page-manager-ajax-pad {
  156. float: left; /* LTR */
  157. width: 100%;
  158. border-left: none;
  159. height: 100%;
  160. background: white;
  161. }
  162. /** A riser to force the ajax pad to a minimum height. **/
  163. #page-manager-edit .page-manager-ajax-pad .page-manager-riser {
  164. width: 1px;
  165. float: right; /* LTR */
  166. height: 400px;
  167. }
  168. #page-manager-edit .page-manager-ajax-pad .page-manager-riser span {
  169. display: none;
  170. }
  171. #page-manager-edit .page-manager-ajax-pad .content-title {
  172. font-weight: bold;
  173. font-size: 120%;
  174. background-color: #fafafa;
  175. border-bottom: 1px solid #aaa;
  176. border-left: 1px solid #aaa;
  177. margin-left: -1px;
  178. padding: 2px 5px 2px 20px;
  179. }
  180. #page-manager-edit .actions {
  181. padding: 0 0 0 20px;
  182. }
  183. #page-manager-edit .primary-actions li {
  184. border-top: 1px solid #aaa;
  185. }
  186. #page-manager-edit .secondary-actions {
  187. border-bottom: 1px solid #aaa;
  188. }
  189. #page-manager-edit .handler-actions {
  190. float: right; /* LTR */
  191. }
  192. #page-manager-edit .actions .page-manager-group-title {
  193. float: left; /* LTR */
  194. padding-left: 0;
  195. }
  196. #page-manager-edit .actions ul {
  197. float: right; /* LTR */
  198. text-align: right; /* LTR */
  199. padding: 0;
  200. margin: 0;
  201. border-right: 1px solid #aaa;
  202. }
  203. #page-manager-edit .handler-title .actions ul {
  204. border-right: none;
  205. }
  206. #page-manager-edit .actions li {
  207. float: left; /* LTR */
  208. background: none;
  209. list-style: none;
  210. border-left: 1px solid #aaa;
  211. margin: 0;
  212. padding: 0;
  213. }
  214. #page-manager-edit .actions ul li.operation-last {
  215. border-right: none;
  216. }
  217. #page-manager-edit .actions li a:hover {
  218. background-color: #eee;
  219. text-decoration: none;
  220. }
  221. #page-manager-edit .actions li a {
  222. display: block;
  223. padding: 0.2em 0.5em;
  224. color: #0062a0;
  225. background-color: #f6f6f6;
  226. }
  227. #page-manager-edit .page-manager-changed {
  228. float: right; /* LTR */
  229. font-style: italic;
  230. color: #f93;
  231. padding-left: 1em;
  232. padding-right: 22px;
  233. background: url(../images/locked.png) no-repeat scroll right center;
  234. }
  235. #page-manager-edit .page-manager-ajax-pad .content-content {
  236. padding: .5em 20px;
  237. }
  238. #page-manager-edit .page-manager-ajax-pad textarea {
  239. width: 100%;
  240. }
  241. #page-manager-edit .changed-notification {
  242. border: 1px solid #aaa;
  243. background-color: #ffe;
  244. color: #494949;
  245. padding: 1em;
  246. margin-top: 1em;
  247. }
  248. #page-manager-edit .ctools-locked {
  249. margin-bottom: 2em;
  250. }
  251. #page-manager-page-summary .title {
  252. font-weight: bold;
  253. font-size: 160%;
  254. }
  255. #page-manager-page-summary .handler-summary {
  256. }
  257. #page-manager-page-summary .page-summary-operation {
  258. text-align: right;
  259. }
  260. #page-manager-page-summary .page-summary-label {
  261. width: 8em;
  262. font-weight: bold;
  263. }
  264. .handler-summary dl {
  265. margin: 0;
  266. }
  267. .handler-summary dt {
  268. margin: 0;
  269. padding: 0;
  270. }
  271. .handler-summary dd {
  272. margin: 0;
  273. }
  274. .handler-summary ol {
  275. margin: 0;
  276. }
  277. .handler-summary .handler-title {
  278. border-top: 1px solid #ddd;
  279. border-bottom: 1px solid #ddd;
  280. background: #fafafa;
  281. padding: 0 0 0 5px;
  282. margin-top: .5em;
  283. }
  284. .handler-summary .handler-title .title-label {
  285. font-weight: bold;
  286. font-size: 120%;
  287. line-height: 1.75em;
  288. }
  289. /** Override that obnoxious float on throbber. **/
  290. #page-manager-edit .progress-disabled {
  291. float: none;
  292. }
  293. #page-manager-edit .progress-disabled + .ajax-progress {
  294. float: right;
  295. position: relative;
  296. top: -2em;
  297. }
  298. #page-manager-list-pages-form .progress-disabled + .ajax-progress {
  299. position: relative;
  300. top: 2em;
  301. left: -.5em;
  302. }