You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

210 lines
3.4 KiB

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