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.

258 lines
4.6 KiB

14 years ago
14 years ago
14 years ago
14 years ago
14 years ago
14 years ago
14 years ago
14 years ago
14 years ago
14 years ago
14 years ago
14 years ago
14 years ago
14 years ago
14 years ago
14 years ago
14 years ago
14 years ago
14 years ago
14 years ago
14 years ago
14 years ago
14 years ago
14 years ago
14 years ago
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 popup
  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: 1px solid __border__;
  20. }
  21. [dir=rtl] #mediamgr__aside {
  22. left: auto;
  23. right: 0;
  24. border-right-width: 0;
  25. border-left: 1px solid __border__;
  26. }
  27. #mediamgr__aside .pad {
  28. padding: .5em;
  29. }
  30. #mediamgr__content {
  31. width: 69.7%;
  32. height: 100%;
  33. overflow: auto;
  34. position: absolute;
  35. right: 0;
  36. }
  37. [dir=rtl] #mediamgr__content {
  38. right: auto;
  39. left: 0;
  40. }
  41. #mediamgr__content .pad {
  42. padding: .5em;
  43. }
  44. #media__manager h1,
  45. #media__manager h2 {
  46. font-size: 1.5em;
  47. margin-bottom: .5em;
  48. padding-bottom: .2em;
  49. border-bottom: 1px solid __border__;
  50. }
  51. /* left side
  52. ********************************************************************/
  53. /*____________ options ____________*/
  54. #media__opts {
  55. margin-bottom: .5em;
  56. }
  57. #media__opts input {
  58. margin-right: .3em;
  59. }
  60. [dir=rtl] #media__opts input {
  61. margin-right: 0;
  62. margin-left: .3em;
  63. }
  64. #media__opts label {
  65. }
  66. /*____________ tree ____________*/
  67. #media__tree ul {
  68. padding-left: .2em;
  69. }
  70. [dir=rtl] #media__tree ul {
  71. padding-left: 0;
  72. padding-right: .2em;
  73. }
  74. #media__tree ul li {
  75. clear: left;
  76. list-style-type: none;
  77. list-style-image: none;
  78. margin-left: 0;
  79. }
  80. [dir=rtl] #media__tree ul li {
  81. clear: right;
  82. margin-right: 0;
  83. }
  84. #media__tree ul li img {
  85. float: left;
  86. padding: .5em .3em 0 0;
  87. }
  88. [dir=rtl] #media__tree ul li img {
  89. float: right;
  90. padding: .5em 0 0 .3em;
  91. }
  92. #media__tree ul li div.li {
  93. display: inline;
  94. }
  95. #media__tree ul li li {
  96. margin-left: 1.5em;
  97. }
  98. [dir=rtl] #media__tree ul li li {
  99. margin-left: 0;
  100. margin-right: 1.5em;
  101. }
  102. /* right side
  103. ********************************************************************/
  104. /*____________ upload form ____________*/
  105. /* upload info */
  106. #media__content div.upload {
  107. font-size: .9em;
  108. margin-bottom: .5em;
  109. }
  110. #mediamanager__uploader {
  111. margin-bottom: 1em;
  112. }
  113. #mediamanager__uploader p {
  114. margin-bottom: .5em;
  115. }
  116. /*____________ file list ____________*/
  117. #media__content img.load {
  118. margin: 1em auto;
  119. }
  120. #media__content .odd,
  121. #media__content .even {
  122. padding: .5em;
  123. }
  124. #media__content .odd {
  125. background-color: __background_alt__;
  126. }
  127. #media__content .even {
  128. }
  129. /* highlight newly uploaded or edited file */
  130. #media__content #scroll__here {
  131. border: 1px dashed __border__;
  132. }
  133. /* link which inserts media file */
  134. #media__content a.mediafile {
  135. margin-right: 1.5em;
  136. font-weight: bold;
  137. cursor: pointer;
  138. }
  139. [dir=rtl] #media__content a.mediafile {
  140. margin-right: 0;
  141. margin-left: 1.5em;
  142. }
  143. #media__content span.info {
  144. }
  145. #media__content img.btn {
  146. vertical-align: text-bottom;
  147. }
  148. /* info how to insert media, if JS disabled */
  149. #media__content div.example {
  150. color: __text_neu__;
  151. margin-left: 1em;
  152. }
  153. #media__content div.detail {
  154. padding: .2em 0;
  155. }
  156. #media__content div.detail div.thumb {
  157. float: left;
  158. margin: 0 .5em 0 18px;
  159. }
  160. [dir=rtl] #media__content div.detail div.thumb {
  161. float: right;
  162. margin: 0 18px 0 .5em;
  163. }
  164. #media__content div.detail div.thumb a {
  165. display: block;
  166. cursor: pointer;
  167. }
  168. #media__content div.detail p {
  169. margin-bottom: 0;
  170. }
  171. /*____________ media search ____________*/
  172. #dw__mediasearch {
  173. }
  174. #dw__mediasearch p {
  175. }
  176. #dw__mediasearch label {
  177. }
  178. #dw__mediasearch label span {
  179. }
  180. #dw__mediasearch input.edit {
  181. }
  182. #dw__mediasearch input.button {
  183. }
  184. /* meta edit form
  185. ********************************************************************/
  186. #media__content form.meta {
  187. }
  188. #media__content form.meta div.metafield {
  189. clear: left;
  190. margin-bottom: .5em;
  191. overflow: hidden;
  192. }
  193. [dir=rtl] #media__content form.meta div.metafield {
  194. clear: right;
  195. }
  196. #media__content form.meta label {
  197. display: block;
  198. width: 25%;
  199. float: left;
  200. font-weight: bold;
  201. clear: left;
  202. }
  203. [dir=rtl] #media__content form.meta label {
  204. float: right;
  205. clear: right;
  206. }
  207. #media__content form.meta .edit {
  208. float: left;
  209. width: 70%;
  210. margin: 0;
  211. }
  212. [dir=rtl] #media__content form.meta .edit {
  213. float: right;
  214. }
  215. #media__content form.meta textarea.edit {
  216. /* needed because of IE8 hack in _edit.css for textarea.edit: */
  217. max-width: 70%;
  218. min-width: 70%;
  219. }
  220. #media__content form.meta div.buttons {
  221. clear: left;
  222. margin: .2em 0 0 25%;
  223. }
  224. [dir=rtl] #media__content form.meta div.buttons {
  225. clear: right;
  226. margin: .2em 25% 0 0;
  227. }