crm.fsf.org/20131203/files/sites/all/modules-old/ctools/page_manager/css/page-manager.css

   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 }