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