wr2x_admin.css 5.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226
  1. #wr2x-pages {
  2. float: right;
  3. position: relative;
  4. top: 12px;
  5. }
  6. .wr2x-hover-drop {
  7. background: #FED5FF;
  8. }
  9. .wr2x-hover-drop .wr2x-title {
  10. background: url('replace.png');
  11. background-position: 5px 4px;
  12. background-repeat: no-repeat;
  13. }
  14. .wr2x-loading-file .wr2x-title {
  15. background: url('loading.gif');
  16. background-position: 5px 1px;
  17. background-repeat: no-repeat;
  18. }
  19. .wr2x-loading-file .wr2x-title a, .wr2x-loading-file .wr2x-title span,
  20. .wr2x-hover-drop .wr2x-title a, .wr2x-hover-drop .wr2x-title span {
  21. opacity: 0.0;
  22. }
  23. #wr2x-pages a {
  24. text-decoration: none;
  25. border: 1px solid black;
  26. padding: 2px 5px;
  27. border-radius: 4px;
  28. background: #E9E9E9;
  29. color: lightslategrey;
  30. border-color: #BEBEBE;
  31. }
  32. #wr2x-pages .current {
  33. font-weight: bold;
  34. }
  35. .widefat td .button {
  36. margin-right: 2px;
  37. }
  38. .widefat td .button:last-child {
  39. margin-right: 0px;
  40. }
  41. .wr2x-table th {
  42. font-size: 11px;
  43. }
  44. #wr2x-pages + .subsubsub #icl_subsubsub, #wr2x-pages + .subsubsub br {
  45. display: none;
  46. }
  47. .wr2x-image {
  48. padding: 0px;
  49. }
  50. .wr2x-image img {
  51. margin-bottom: 0px;
  52. margin-right: 0px;
  53. max-width: 64px;
  54. max-height: 64px;
  55. }
  56. .wr2x-info-full img {
  57. border: 1px solid white;
  58. }
  59. .wr2x-info-full img:hover {
  60. cursor: not-allowed;
  61. border: 1px solid red;
  62. }
  63. .wr2x-title {
  64. line-height: 16px !important;
  65. }
  66. .wr2x-title .resolution {
  67. font-size: 11px;
  68. line-height: 10px;
  69. }
  70. .wr2x-title .resolution .red {
  71. color: red;
  72. font-weight: bold;
  73. }
  74. .wr2x-title .actions {
  75. margin-top: 5px;
  76. }
  77. .wr2x-button {
  78. font-size: 10px;
  79. background: #3E79BB;
  80. color: white;
  81. display: inline;
  82. padding: 2px 6px;
  83. height: 18px;
  84. box-sizing: border-box;
  85. text-transform: uppercase;
  86. }
  87. .wr2x-button:hover {
  88. color: white;
  89. cursor: pointer;
  90. background: #5D93CF;
  91. }
  92. .wr2x-button-ignore {
  93. background: #A8A8A8
  94. }
  95. .wr2x-button-ignore:hover {
  96. background: #CFCFCF;
  97. }
  98. .wr2x-dragdrop {
  99. margin: 0px 0px;
  100. width: 48px;
  101. height: 48px;
  102. border: dashed 2px #BBB;
  103. }
  104. .wr2x-loading-file .wr2x-dragdrop {
  105. background-color: rgb(243, 243, 243);
  106. background-image: url('loading.gif');
  107. background-size: 48px 48px;
  108. background-position-y: 4px;
  109. background-repeat: no-repeat;
  110. border: none;
  111. }
  112. .wp-core-ui .button-red {
  113. background-color: #9B2124;
  114. background-image: -webkit-gradient(linear, left top, left bottom, from(#C5292E), to(#9B2124));
  115. background-image: -webkit-linear-gradient(top, #C5292E, #9B2124);
  116. background-image: -moz-linear-gradient(top, #C5292E, #9B2124);
  117. background-image: -ms-linear-gradient(top, #C5292E, #9B2124);
  118. background-image: -o-linear-gradient(top, #C5292E, #9B2124);
  119. background-image: linear-gradient(to bottom, #C5292E, #9B2124);
  120. border-color: #9B2124;
  121. border-bottom-color: #8D1F21;
  122. -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.5);
  123. box-shadow: inset 0 1px 0 rgba(120,200,230,0.5);
  124. color: #fff;
  125. text-decoration: none;
  126. text-shadow: 0 1px 0 rgba(0,0,0,0.1);
  127. float: right;
  128. }
  129. .wp-core-ui .button-red.hover,
  130. .wp-core-ui .button-red:hover,
  131. .wp-core-ui .button-red.focus,
  132. .wp-core-ui .button-red:focus {
  133. background-color: #B72629;
  134. background-image: -webkit-gradient(linear, left top, left bottom, from(#D22E30), to(#9B2124));
  135. background-image: -webkit-linear-gradient(top, #D22E30, #9B2124);
  136. background-image: -moz-linear-gradient(top, #D22E30, #9B2124);
  137. background-image: -ms-linear-gradient(top, #D22E30, #9B2124);
  138. background-image: -o-linear-gradient(top, #D22E30, #9B2124);
  139. background-image: linear-gradient(to bottom, #D22E30, #9B2124);
  140. border-color: #7F1C1F;
  141. -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6);
  142. box-shadow: inset 0 1px 0 rgba(120,200,230,0.6);
  143. color: #fff;
  144. text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
  145. }
  146. .wp-core-ui .button-red.focus,
  147. .wp-core-ui .button-red:focus {
  148. border-color: #500F0E;
  149. -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6), 1px 1px 2px rgba(0,0,0,0.4);
  150. box-shadow: inset 0 1px 0 rgba(120,200,230,0.6), 1px 1px 2px rgba(0,0,0,0.4);
  151. }
  152. .wp-core-ui .button-red.active,
  153. .wp-core-ui .button-red.active:hover,
  154. .wp-core-ui .button-red.active:focus,
  155. .wp-core-ui .button-red:active {
  156. background: #7F1C1F;
  157. background-image: -webkit-gradient(linear, left top, left bottom, from(#9B2124), to(#B72629));
  158. background-image: -webkit-linear-gradient(top, #9B2124, #B72629);
  159. background-image: -moz-linear-gradient(top, #9B2124, #B72629);
  160. background-image: -ms-linear-gradient(top, #9B2124, #B72629);
  161. background-image: -o-linear-gradient(top, #9B2124, #B72629);
  162. background-image: linear-gradient(to bottom, #9B2124, #B72629);
  163. border-color: #601312 #AE2426 #AE2426 #AE2426;
  164. color: rgba(255,255,255,0.95);
  165. -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
  166. box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
  167. text-shadow: 0 1px 0 rgba(0,0,0,0.1);
  168. }
  169. .wp-core-ui .button-red[disabled],
  170. .wp-core-ui .button-red:disabled,
  171. .wp-core-ui .button-red-disabled {
  172. color: #E79496 !important;
  173. background: #BA292B !important;
  174. border-color: #7F1C1F !important;
  175. -webkit-box-shadow: none !important;
  176. box-shadow: none !important;
  177. text-shadow: 0 -1px 0 rgba(0,0,0,0.1) !important;
  178. cursor: default;
  179. }
  180. /**
  181. * Retina Uploader.
  182. * Some parts derived from `wp-admin/css/media.css`
  183. *
  184. * @update WP 4.9.7
  185. * @since WP 4.9.7
  186. */
  187. #wr2x_retina-uploader {
  188. margin-top: 20px;
  189. }
  190. .drag-drop #wr2x_drag-drop-area {
  191. border: 4px dashed #b4b9be;
  192. height: 200px;
  193. }
  194. input#wr2x_file-selector {
  195. display: none;
  196. }