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.
 
 
 
 
 

419 lines
6.4 KiB

  1. /* Styles for the media library iframe (not used on the Library screen) */
  2. div#media-upload-header {
  3. margin: 0;
  4. padding: 5px 5px 0;
  5. font-weight: 600;
  6. position: relative;
  7. border-bottom: 1px solid #ddd;
  8. background: #f9f9f9;
  9. }
  10. #sidemenu {
  11. overflow: hidden;
  12. float: none;
  13. position: relative;
  14. left: 0;
  15. bottom: -1px;
  16. margin: 0 5px;
  17. padding-left: 10px;
  18. list-style: none;
  19. font-size: 12px;
  20. font-weight: 400;
  21. }
  22. #sidemenu a {
  23. padding: 0 7px;
  24. display: block;
  25. float: left;
  26. line-height: 28px;
  27. border-top: 1px solid #f9f9f9;
  28. border-bottom: 1px solid #ddd;
  29. background-color: #f9f9f9;
  30. text-decoration: none;
  31. -webkit-transition: none;
  32. transition: none;
  33. }
  34. #sidemenu li {
  35. display: inline;
  36. line-height: 200%;
  37. list-style: none;
  38. text-align: center;
  39. white-space: nowrap;
  40. margin: 0;
  41. padding: 0;
  42. }
  43. #sidemenu a.current {
  44. font-weight: 400;
  45. padding-left: 6px;
  46. padding-right: 6px;
  47. border: 1px solid #ddd;
  48. border-bottom-color: #f1f1f1;
  49. background-color: #f1f1f1;
  50. color: #000;
  51. }
  52. #media-upload:after { /* clearfix */
  53. content: "";
  54. display: table;
  55. clear: both;
  56. }
  57. #media-upload .slidetoggle {
  58. border-top-color: #ddd;
  59. }
  60. #media-upload input[type="radio"] {
  61. padding: 0;
  62. }
  63. .media-upload-form label.form-help,
  64. td.help {
  65. color: #72777c;
  66. }
  67. form {
  68. margin: 1em;
  69. }
  70. #search-filter {
  71. text-align: right;
  72. }
  73. th {
  74. position: relative;
  75. }
  76. .media-upload-form label.form-help, td.help {
  77. font-family: sans-serif;
  78. font-style: italic;
  79. font-weight: 400;
  80. }
  81. .media-upload-form p.help {
  82. margin: 0;
  83. padding: 0;
  84. }
  85. .media-upload-form fieldset {
  86. width: 100%;
  87. border: none;
  88. text-align: justify;
  89. margin: 0 0 1em 0;
  90. padding: 0;
  91. }
  92. /* specific to the image upload form */
  93. .image-align-none-label {
  94. background: url(../images/align-none.png) no-repeat center left;
  95. }
  96. .image-align-left-label {
  97. background: url(../images/align-left.png) no-repeat center left;
  98. }
  99. .image-align-center-label {
  100. background: url(../images/align-center.png) no-repeat center left;
  101. }
  102. .image-align-right-label {
  103. background: url(../images/align-right.png) no-repeat center left;
  104. }
  105. tr.image-size td {
  106. width: 460px;
  107. }
  108. tr.image-size div.image-size-item {
  109. margin: 0 0 5px;
  110. }
  111. #library-form .progress,
  112. #gallery-form .progress,
  113. .insert-gallery,
  114. .describe.startopen,
  115. .describe.startclosed {
  116. display: none;
  117. }
  118. .media-item .thumbnail {
  119. max-width: 128px;
  120. max-height: 128px;
  121. }
  122. thead.media-item-info tr {
  123. background-color: transparent;
  124. }
  125. .form-table thead.media-item-info {
  126. border: 8px solid #fff;
  127. }
  128. abbr.required,
  129. span.required {
  130. text-decoration: none;
  131. border: none;
  132. }
  133. .describe label {
  134. display: inline;
  135. }
  136. .describe td.error {
  137. padding: 2px 8px;
  138. }
  139. .describe td.A1 {
  140. width: 132px;
  141. }
  142. .describe input[type="text"],
  143. .describe textarea {
  144. width: 460px;
  145. border-width: 1px;
  146. border-style: solid;
  147. }
  148. /* Specific to Uploader */
  149. #media-upload p.ml-submit {
  150. padding: 1em 0;
  151. }
  152. #media-upload p.help,
  153. #media-upload label.help {
  154. font-family: sans-serif;
  155. font-style: italic;
  156. font-weight: 400;
  157. }
  158. #media-upload .ui-sortable .media-item {
  159. cursor: move;
  160. }
  161. #media-upload tr.image-size {
  162. margin-bottom: 1em;
  163. height: 3em;
  164. }
  165. #media-upload #filter {
  166. width: 623px;
  167. }
  168. #media-upload #filter .subsubsub {
  169. margin: 8px 0;
  170. }
  171. #filter .tablenav select {
  172. border-style: solid;
  173. border-width: 1px;
  174. padding: 2px;
  175. vertical-align: top;
  176. width: auto;
  177. }
  178. #media-upload .del-attachment {
  179. display: none;
  180. margin: 5px 0;
  181. }
  182. .menu_order {
  183. float: right;
  184. font-size: 11px;
  185. margin: 8px 10px 0;
  186. }
  187. .menu_order_input {
  188. border: 1px solid #ddd;
  189. font-size: 10px;
  190. padding: 1px;
  191. width: 23px;
  192. }
  193. .ui-sortable-helper {
  194. background-color: #fff;
  195. border: 1px solid #a0a5aa;
  196. opacity: 0.6;
  197. filter: alpha(opacity=60);
  198. }
  199. #media-upload th.order-head {
  200. width: 20%;
  201. text-align: center;
  202. }
  203. #media-upload th.actions-head {
  204. width: 25%;
  205. text-align: center;
  206. }
  207. #media-upload a.wp-post-thumbnail {
  208. margin: 0 20px;
  209. }
  210. #media-upload .widefat {
  211. border-style: solid solid none;
  212. }
  213. .sorthelper {
  214. height: 37px;
  215. width: 623px;
  216. display: block;
  217. }
  218. #gallery-settings th.label {
  219. width: 160px;
  220. }
  221. #gallery-settings #basic th.label {
  222. padding: 5px 5px 5px 0;
  223. }
  224. #gallery-settings .title {
  225. clear: both;
  226. padding: 0 0 3px;
  227. font-size: 1.6em;
  228. border-bottom: 1px solid #ddd;
  229. }
  230. h3.media-title {
  231. font-size: 1.6em;
  232. }
  233. h4.media-sub-title {
  234. border-bottom: 1px solid #ddd;
  235. font-size: 1.3em;
  236. margin: 12px;
  237. padding: 0 0 3px;
  238. }
  239. #gallery-settings .title,
  240. h3.media-title,
  241. h4.media-sub-title {
  242. font-family: Georgia,"Times New Roman",Times,serif;
  243. font-weight: 400;
  244. color: #5A5A5A;
  245. }
  246. #gallery-settings .describe td {
  247. vertical-align: middle;
  248. height: 3em;
  249. }
  250. #gallery-settings .describe th.label {
  251. padding-top: .5em;
  252. text-align: left;
  253. }
  254. #gallery-settings .describe {
  255. padding: 5px;
  256. width: 100%;
  257. clear: both;
  258. cursor: default;
  259. background: #fff;
  260. }
  261. #gallery-settings .describe select {
  262. width: 15em;
  263. }
  264. #gallery-settings .describe select option,
  265. #gallery-settings .describe td {
  266. padding: 0;
  267. }
  268. #gallery-settings label,
  269. #gallery-settings legend {
  270. font-size: 13px;
  271. color: #444;
  272. margin-right: 15px;
  273. }
  274. #gallery-settings .align .field label {
  275. margin: 0 1em 0 3px;
  276. }
  277. #gallery-settings p.ml-submit {
  278. border-top: 1px solid #ddd;
  279. }
  280. #gallery-settings select#columns {
  281. width: 6em;
  282. }
  283. #sort-buttons {
  284. font-size: 0.8em;
  285. margin: 3px 25px -8px 0;
  286. text-align: right;
  287. max-width: 625px;
  288. }
  289. #sort-buttons a {
  290. text-decoration: none;
  291. }
  292. #sort-buttons #asc,
  293. #sort-buttons #showall {
  294. padding-left: 5px;
  295. }
  296. #sort-buttons span {
  297. margin-right: 25px;
  298. }
  299. p.media-types {
  300. margin: 0;
  301. padding: 1em;
  302. }
  303. p.media-types-required-info {
  304. padding-top: 0;
  305. }
  306. tr.not-image {
  307. display: none;
  308. }
  309. table.not-image tr.not-image {
  310. display: table-row;
  311. }
  312. table.not-image tr.image-only {
  313. display: none;
  314. }
  315. /**
  316. * HiDPI Displays
  317. */
  318. @media print,
  319. (-webkit-min-device-pixel-ratio: 1.25),
  320. (min-resolution: 120dpi) {
  321. .image-align-none-label {
  322. background-image: url(../images/align-none-2x.png?ver=20120916);
  323. -webkit-background-size: 21px 15px;
  324. background-size: 21px 15px;
  325. }
  326. .image-align-left-label {
  327. background-image: url(../images/align-left-2x.png?ver=20120916);
  328. -webkit-background-size: 22px 15px;
  329. background-size: 22px 15px;
  330. }
  331. .image-align-center-label {
  332. background-image: url(../images/align-center-2x.png?ver=20120916);
  333. -webkit-background-size: 21px 15px;
  334. background-size: 21px 15px;
  335. }
  336. .image-align-right-label {
  337. background-image: url(../images/align-right-2x.png?ver=20120916);
  338. -webkit-background-size: 22px 15px;
  339. background-size: 22px 15px;
  340. }
  341. }