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. 

  5. #page-manager-list-pages-form .form-item {

  6.   padding-right: 1em; /* LTR */

  7.   float: left; /* LTR */

  8.   margin-top: 0;

  9.   margin-bottom: 0;

  10. }

  11. 

  12. #page-manager-list-pages {

  13.   width: 100%;

  14. }

  15. 

  16. #edit-order-wrapper {

  17.   clear: left; /* LTR */

  18. }

  19. 

  20. #edit-pages-apply,

  21. #edit-pages-reset {

  22.   margin-top: 1.65em;

  23.   float: left; /* LTR */

  24. }

  25. 

  26. #page-manager-edit {

  27.   margin-top: 1em;

  28. }

  29. 

  30. #page-manager-edit table {

  31.   width: 100%;

  32. }

  33. 

  34. #page-manager-edit table tr.even {

  35.   background-color: #fafafa;

  36. }

  37. 

  38. #page-manager-list-pages tr.page-manager-disabled td {

  39.   color: #999;

  40. }

  41. 

  42. #page-manager-list-pages tr.page-manager-locked td.page-manager-page-name {

  43.   font-style: italic;

  44.   color: green;

  45.   padding-left: 22px; /* LTR */

  46.   background: url(../images/locked.png) no-repeat scroll left center; /* LTR */

  47. }

  48. 

  49. #page-manager-list-pages tr.page-manager-locked-other td.page-manager-page-name {

  50.   font-style: italic;

  51.   color: red;

  52.   padding-left: 22px; /* LTR */

  53.   background: url(../images/locked-other.png) no-repeat scroll left center; /* LTR */

  54. }

  55. 

  56. /* Force the background color to inherit so that the dropbuttons do not need

  57.    a specific background color. */

  58. #page-manager-list-pages td.page-manager-page-operations {

  59.   vertical-align: top;

  60.   position: relative;

  61.   text-align: right;

  62. }

  63. 

  64. #page-manager-list-pages td.page-manager-page-operations .ctools-dropbutton {

  65.   text-align: left; /* LTR */

  66. }

  67. 

  68. 

  69. 

  70. #page-manager-edit .page-manager-wrapper {

  71.   margin: 0;

  72.   padding: 0 0 0 149px;

  73.   color: #494949;

  74. }

  75. 

  76. #page-manager-edit .page-manager-tabs {

  77.   border: 1px solid #aaa;

  78. }

  79. 

  80. #page-manager-edit .page-manager-edit-operations {

  81.   float: left; /* LTR */

  82.   width: 150px;

  83.   margin-left: -150px;

  84.   margin-top: -1px;

  85.   height: 100%;

  86.   font-size: 90%;

  87. }

  88. 

  89. #page-manager-edit .page-manager-edit-operations .inside {

  90.   border-top: 1px solid #aaa;

  91.   border-bottom: 1px solid #aaa;

  92. }

  93. 

  94. #page-manager-edit .page-manager-edit-operations ul {

  95.   margin-top: 0;

  96.   margin-bottom: 0;

  97.   padding: 0;

  98.   margin-left: 0;

  99. }

  100. 

  101. #page-manager-edit .page-manager-edit-operations li {

  102.   list-style: none;

  103.   background: #f6f6f6;

  104.   border-top: 1px solid #aaa;

  105.   border-left: 1px solid #aaa;

  106.   border-right: 1px solid #aaa;

  107.   padding: 0 0 0 0;

  108.   margin: 0;

  109.   line-height: 2em;

  110. }

  111. 

  112. #page-manager-edit .page-manager-edit-operations li.active,

  113. #page-manager-edit .page-manager-edit-operations li.active-group .page-manager-group-title {

  114.   background: #ffffff url(../images/arrow-active.png) no-repeat scroll right center;

  115. }

  116. 

  117. #page-manager-edit .page-manager-edit-operations li.changed,

  118. #page-manager-edit .page-manager-edit-operations li.changed-group .page-manager-group-title {

  119.   background-color: #ffe;

  120.   font-weight: bold;

  121. }

  122. 

  123. /** provide a reset for non active stray paths */

  124. #page-manager-edit .page-manager-edit-operations li.active-group li.not-active .page-manager-group-title,

  125. #page-manager-edit .page-manager-edit-operations li.changed-group li.not-changed .page-manager-group-title {

  126.   background: #f6f6f6;

  127. }

  128. 

  129. #page-manager-edit .page-manager-edit-operations li.active {

  130.   border-right: 1px solid white;

  131. }

  132. 

  133. #page-manager-edit .page-manager-edit-operations li.active a,

  134. #page-manager-edit .page-manager-edit-operations li.active a:hover {

  135.   background: #ffffff url(../images/arrow-active.png) no-repeat scroll right center;

  136.   color: #000000;

  137.   font-weight: bold;

  138. }

  139. 

  140. #page-manager-edit .page-manager-edit-operations li.operation-first {

  141.   border-top: none;

  142. }

  143. 

  144. #page-manager-edit .page-manager-edit-operations li li.operation-first {

  145.   border-top: 1px solid #aaa;

  146. }

  147. 

  148. #page-manager-edit .page-manager-edit-operations li a {

  149.   display: block;

  150.   padding: 0 0 0 .5em;

  151.   color: #494949;

  152. }

  153. 

  154. #page-manager-edit .page-manager-edit-operations li a:hover {

  155.   background-color: #eee;

  156.   text-decoration: none;

  157. }

  158. 

  159. #page-manager-edit .ctools-collapsible-container {

  160.   display: inline-block;

  161.   position: relative;

  162.   *float: left; /* LTR */

  163.   width: 100%;

  164. }

  165. 

  166. #page-manager-edit .page-manager-edit-operations li .ctools-collapsible-handle:hover {

  167.   background-color: #eee;

  168. }

  169. 

  170. #page-manager-edit .page-manager-edit-operations li li {

  171.   border-right: none;

  172.   border-left: none;

  173.   margin-left: 1em;

  174. }

  175. 

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

  177. }

  178. 

  179. #page-manager-edit .page-manager-group-title {

  180.   line-height: 2em;

  181.   font-weight: bold;

  182.   padding: 0 0 0 .5em;

  183. }

  184. 

  185. /* Change the position of the arrow on the dropdown to look nicer with our defaults. */

  186. #page-manager-edit .page-manager-edit-operations .ctools-toggle {

  187.   background-position: 0 9px;

  188.   width: 10px;

  189. }

  190. 

  191. #page-manager-edit .page-manager-ajax-pad {

  192.   float: left; /* LTR */

  193.   width: 100%;

  194.   border-left: none;

  195.   height: 100%;

  196.   background: white;

  197. }

  198. 

  199. /** A riser to force the ajax pad to a minimum height. **/

  200. #page-manager-edit .page-manager-ajax-pad .page-manager-riser {

  201.   width: 1px;

  202.   float: right; /* LTR */

  203.   height: 400px;

  204. }

  205. 

  206. #page-manager-edit .page-manager-ajax-pad .page-manager-riser span {

  207.   display: none;

  208. }

  209. 

  210. #page-manager-edit .page-manager-ajax-pad .content-title {

  211.   font-weight: bold;

  212.   font-size: 120%;

  213.   background-color: #fafafa;

  214.   border-bottom: 1px solid #aaa;

  215.   border-left: 1px solid #aaa;

  216.   margin-left: -1px;

  217.   padding: 2px 5px 2px 20px;

  218. }

  219. 

  220. #page-manager-edit .actions {

  221.   padding: 0 0 0 20px;

  222. }

  223. 

  224. #page-manager-edit .primary-actions li {

  225.   border-top: 1px solid #aaa;

  226. }

  227. 

  228. #page-manager-edit .secondary-actions {

  229.   border-bottom: 1px solid #aaa;

  230. }

  231. 

  232. #page-manager-edit .handler-actions {

  233.   float: right; /* LTR */

  234. }

  235. 

  236. #page-manager-edit .actions .page-manager-group-title {

  237.   float: left; /* LTR */

  238.   padding-left: 0;

  239. }

  240. 

  241. #page-manager-edit .actions ul {

  242.   float: right; /* LTR */

  243.   text-align: right; /* LTR */

  244.   padding: 0;

  245.   margin: 0;

  246.   border-right: 1px solid #aaa;

  247. }

  248. 

  249. #page-manager-edit .handler-title .actions ul {

  250.   border-right: none;

  251. }

  252. 

  253. #page-manager-edit .actions li {

  254.   float: left; /* LTR */

  255.   background: none;

  256.   list-style: none;

  257.   border-left: 1px solid #aaa;

  258.   margin: 0;

  259.   padding: 0;

  260. }

  261. 

  262. #page-manager-edit .actions ul li.operation-last {

  263.   border-right: none;

  264. }

  265. 

  266. #page-manager-edit .actions li a:hover {

  267.   background-color: #eee;

  268.   text-decoration: none;

  269. }

  270. 

  271. #page-manager-edit .actions li a {

  272.   display: block;

  273.   padding: 0.2em 0.5em;

  274.   color: #0062a0;

  275.   background-color: #f6f6f6;

  276. }

  277. 

  278. #page-manager-edit .page-manager-changed {

  279.   float: right; /* LTR */

  280.   font-style: italic;

  281.   color: #f93;

  282.   padding-left: 1em;

  283.   padding-right: 22px;

  284.   background: url(../images/locked.png) no-repeat scroll right center;

  285. }

  286. 

  287. #page-manager-edit .page-manager-ajax-pad .content-content {

  288.   padding: .5em 20px;

  289. }

  290. 

  291. #page-manager-edit .page-manager-ajax-pad textarea {

  292.   width: 100%;

  293. }

  294. 

  295. #page-manager-edit .changed-notification {

  296.   border: 1px solid #aaa;

  297.   background-color: #ffe;

  298.   color: #494949;

  299.   padding: 1em;

  300.   margin-top: 1em;

  301. }

  302. 

  303. #page-manager-edit .ctools-locked {

  304.   margin-bottom: 2em;

  305. }

  306. 

  307. #page-manager-page-summary .title {

  308.   font-weight: bold;

  309.   font-size: 160%;

  310. }

  311. 

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

  313. }

  314. 

  315. #page-manager-page-summary .page-summary-operation {

  316.   text-align: right;

  317. }

  318. 

  319. #page-manager-page-summary .page-summary-label {

  320.   width: 8em;

  321.   font-weight: bold;

  322. }

  323. 

  324. 

  325. .handler-summary dl {

  326.   margin: 0;

  327. }

  328. 

  329. .handler-summary dt {

  330.   margin: 0;

  331.   padding: 0;

  332. }

  333. 

  334. .handler-summary dd {

  335.   margin: 0;

  336. }

  337. 

  338. .handler-summary ol {

  339.   margin: 0;

  340. }

  341. 

  342. .handler-summary .handler-title {

  343.   border-top: 1px solid #ddd;

  344.   border-bottom: 1px solid #ddd;

  345.   background: #fafafa;

  346.   padding: 0 0 0 5px;

  347.   margin-top: .5em;

  348. }

  349. 

  350. .handler-summary .handler-title .title-label {

  351.   font-weight: bold;

  352.   font-size: 120%;

  353.   line-height: 1.75em;

  354. }

  355. 

  356. 

  357. /** Override that obnoxious float on throbber. **/

  358. #page-manager-edit .progress-disabled {

  359.   float: none;

  360. }

  361. 

  362. #page-manager-edit .progress-disabled + .ajax-progress {

  363.   float: right;

  364.   position: relative;

  365.   top: -2em;

  366. }

  367. 

  368. #page-manager-list-pages-form .progress-disabled + .ajax-progress {

  369.   position: relative;

  370.   top: 2em;

  371.   left: -.5em;

  372. }