[Summary view] [Print] [Text view]

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