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.

216 lines
3.7 KiB

14 years ago
14 years ago
14 years ago
14 years ago
14 years ago
  1. /**
  2. * This file provides styles for the media manager
  3. * (mediamanager.php).
  4. */
  5. /*____________ structure ____________*/
  6. html.popup {
  7. overflow: auto;
  8. }
  9. #media__manager {
  10. height: 100%;
  11. overflow: hidden;
  12. }
  13. #mediamgr__aside {
  14. width: 30%;
  15. height: 100%;
  16. overflow: auto;
  17. position: absolute;
  18. left: 0;
  19. border-right: solid 1px __border__;
  20. }
  21. #mediamgr__aside .pad {
  22. padding: .5em;
  23. }
  24. #mediamgr__content {
  25. width: 69.7%;
  26. height: 100%;
  27. overflow: auto;
  28. position: absolute;
  29. right: 0;
  30. }
  31. #mediamgr__content .pad {
  32. padding: .5em;
  33. }
  34. #media__manager h1,
  35. #media__manager h2 {
  36. font-size: 1.5em;
  37. margin-bottom: .5em;
  38. padding-bottom: .2em;
  39. border-bottom: 1px solid __border__;
  40. }
  41. /* left side
  42. ********************************************************************/
  43. /*____________ options ____________*/
  44. #media__opts {
  45. margin-bottom: .5em;
  46. }
  47. #media__opts input {
  48. margin-right: .3em;
  49. }
  50. #media__opts label {
  51. }
  52. /*____________ tree ____________*/
  53. #media__tree ul {
  54. padding-left: .2em;
  55. }
  56. #media__tree ul li {
  57. clear: left;
  58. list-style-type: none;
  59. list-style-image: none;
  60. margin-left: 0;
  61. }
  62. #media__tree ul li img {
  63. float: left;
  64. padding: .5em .3em 0 0;
  65. }
  66. #media__tree ul li div.li {
  67. display: inline;
  68. }
  69. #media__tree ul li li {
  70. margin-left: 1.5em;
  71. }
  72. /* right side
  73. ********************************************************************/
  74. /*____________ upload form ____________*/
  75. /* upload info */
  76. #media__content div.upload {
  77. font-size: .9em;
  78. margin-bottom: .5em;
  79. }
  80. #media__content form#dw__upload,
  81. #media__content div#dw__flashupload {
  82. display: block;
  83. border-bottom: solid 1px __border__;
  84. padding-bottom: 1em;
  85. margin-bottom: 1em;
  86. }
  87. #media__content form#dw__upload p {
  88. margin-bottom: .5em;
  89. }
  90. #media__content form#dw__upload label {
  91. }
  92. #media__content form#dw__upload label.check {
  93. }
  94. #media__content form#dw__upload input.check {
  95. }
  96. #media__content form#dw__upload input.edit {
  97. }
  98. #media__content form#dw__upload img {
  99. }
  100. /*____________ file list ____________*/
  101. #media__content img.load {
  102. margin: 1em auto;
  103. }
  104. #media__content .odd,
  105. #media__content .even {
  106. padding: .5em;
  107. }
  108. #media__content .odd {
  109. background-color: __background_alt__;
  110. }
  111. #media__content .even {
  112. }
  113. /* highlight newly uploaded or edited file */
  114. #media__content #scroll__here {
  115. border: 1px dashed __border__;
  116. }
  117. /* link which inserts media file */
  118. #media__content a.mediafile {
  119. margin-right: 1.5em;
  120. font-weight: bold;
  121. }
  122. #media__content span.info {
  123. }
  124. #media__content img.btn {
  125. vertical-align: text-bottom;
  126. }
  127. /* info how to insert media, if JS disabled */
  128. #media__content div.example {
  129. color: __text_neu__;
  130. margin-left: 1em;
  131. }
  132. #media__content div.detail {
  133. padding: .2em 0;
  134. }
  135. #media__content div.detail div.thumb {
  136. float: left;
  137. margin: 0 .5em 0 18px;
  138. }
  139. #media__content div.detail div.thumb a {
  140. display: block;
  141. }
  142. #media__content div.detail p {
  143. margin-bottom: 0;
  144. }
  145. /*____________ media search ____________*/
  146. form#dw__mediasearch {
  147. }
  148. form#dw__mediasearch p {
  149. }
  150. form#dw__mediasearch label {
  151. }
  152. form#dw__mediasearch label span {
  153. }
  154. form#dw__mediasearch input.edit {
  155. }
  156. form#dw__mediasearch input.button {
  157. }
  158. /* meta edit form
  159. ********************************************************************/
  160. #media__content form.meta {
  161. }
  162. #media__content form.meta div.metafield {
  163. clear: left;
  164. margin-bottom: .5em;
  165. overflow: hidden;
  166. }
  167. #media__content form.meta label {
  168. display: block;
  169. width: 25%;
  170. float: left;
  171. font-weight: bold;
  172. clear: left;
  173. }
  174. #media__content form.meta .edit {
  175. float: left;
  176. width: 70%;
  177. margin: 0;
  178. }
  179. #media__content form.meta textarea.edit {
  180. }
  181. #media__content form.meta div.buttons {
  182. clear: left;
  183. margin: .2em 0 0 25%;
  184. }