[Sommaire] [Imprimer]

   1  /**
   2   * The CSS in here cotrols the appearance of the media manager
   3   */
   4  
   5  #media__manager {
   6      height: 100%;
   7      overflow: hidden;
   8  }
   9  
  10  #media__left {
  11      width: 30%;
  12      border-right: solid 1px __border__;
  13  
  14      height: 100%;
  15      overflow: auto;
  16      position: absolute;
  17      left: 0;
  18  }
  19  
  20  #media__right {
  21      width: 69.7%;
  22  
  23      height: 100%;
  24      overflow: auto;
  25      position: absolute;
  26      right: 0;
  27  }
  28  
  29  #media__manager h1 {
  30      margin: 0;
  31      padding: 0;
  32      margin-bottom: 0.5em;
  33  }
  34  
  35  /* --- Tree formatting --- */
  36  
  37  #media__tree img {
  38      float:left;
  39      padding: 0.5em 0.3em 0 0;
  40  }
  41  
  42  #media__tree ul {
  43      list-style-type: none;
  44      list-style-image: none;
  45  }
  46  
  47  #media__tree li {
  48      clear: left;
  49      list-style-type: none;
  50      list-style-image: none;
  51  }
  52  * html #media__tree li {
  53      border: 1px solid __background__;
  54  }/* I don't understand this, but this fixes a style bug in IE;
  55  it's dirty, so any "real" fixes are welcome */
  56  
  57  /* --- options --- */
  58  
  59  #media__opts {
  60      padding-left: 1em;
  61      margin-bottom: 0.5em;
  62  }
  63  
  64  #media__opts input {
  65      float: left;
  66      position: absolute;
  67  }
  68  * html #media__opts input {
  69      position: static;
  70  }
  71  
  72  #media__opts label {
  73      display: block;
  74      float: left;
  75      margin-left: 30px;
  76  }
  77  * html #media__opts label {
  78      margin-left: 10px;
  79  }
  80  
  81  #media__opts br {
  82      clear: left;
  83  }
  84  
  85  /* --- file list --- */
  86  
  87  #media__content img.load {
  88      margin: 1em auto;
  89  }
  90  
  91  #media__content #scroll__here {
  92      border: 1px dashed __border__;
  93  }
  94  
  95  #media__content .odd {
  96      background-color: __background_other__;
  97      padding: 0.4em;
  98  }
  99  
 100  #media__content .even {
 101      padding: 0.4em;
 102  }
 103  
 104  #media__content a.mediafile {
 105      margin-right: 1.5em;
 106      font-weight: bold;
 107  }
 108  
 109  #media__content div.detail {
 110      padding: 0.3em 0 0.3em 2em;
 111  }
 112  
 113  #media__content div.detail div.thumb {
 114      float: left;
 115      width: 130px;
 116      text-align: center;
 117      margin-right: 0.4em;
 118  }
 119  
 120  
 121  #media__content img.btn {
 122      vertical-align: text-bottom;
 123  }
 124  
 125  #media__content div.example {
 126      color: __text_neu__;
 127      margin-left: 1em;
 128  }
 129  
 130  /* --- upload form --- */
 131  
 132  #media__content div.upload {
 133      font-size: 90%;
 134      padding: 0 0.5em 0.5em 0.5em;
 135  }
 136  
 137  #media__content form.upload {
 138      display: block;
 139      border-bottom: solid 1px __border__;
 140      padding: 0 0.5em 1em 0.5em;
 141  }
 142  #media__content form.upload fieldset {
 143      padding: 0;
 144      margin: 0;
 145      border: none;
 146      width: auto;
 147  }
 148  #media__content form.upload p {
 149      clear: left;
 150      text-align: left;
 151      padding: 0.25em 0;
 152      margin: 0;
 153      line-height: 1.0em;
 154  }
 155  #media__content form.upload label {
 156      float: left;
 157      width: 30%;
 158  }
 159  #media__content form.upload label.check {
 160      float: none;
 161      width: auto;
 162  }
 163  #media__content form.upload input.check {
 164      margin-left: 30%;
 165  }
 166  
 167  /* --- meta edit form --- */
 168  
 169  #media__content form.meta {
 170      display: block;
 171      padding: 0 0 1em 0;
 172  }
 173  
 174  #media__content form.meta label {
 175      display: block;
 176      width: 25%;
 177      float: left;
 178      font-weight: bold;
 179      margin-left: 1em;
 180      clear: left;
 181  }
 182  
 183  #media__content form.meta .edit {
 184      font: 100% "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
 185      float: left;
 186      width: 70%;
 187      padding-right: 0;
 188      padding-left: 0.2em;
 189      margin: 2px;
 190  }
 191  
 192  #media__content form.meta textarea.edit {
 193      height: 8em;
 194  }
 195  
 196  #media__content form.meta div.metafield {
 197      clear: left;
 198  }
 199  
 200  #media__content form.meta div.buttons {
 201      clear: left;
 202      margin-left: 20%;
 203      padding-left: 1em;
 204  }