Advertisement
anagrammar

Untitled

May 18th, 2019
210
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. @-moz-document domain("photopea.com") {
  2. html {
  3. background: hsl(0, 0%, 15%)!important;
  4. }
  5.  
  6. :focus {
  7. outline-color: hsl(0, 0%, 70%)!important;
  8. }
  9.  
  10. select {
  11. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAMAAAC67D+PAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAVUExURQAAAP///////////////////////0jPbQQAAAAHdFJOUwC/miZgPyH8d3XpAAAAKElEQVQI13XGQRIAMAQAsS3l/082Sm/kFBjZbYbKeUTp5+q1/B+4swoa2wBrBuoieAAAAABJRU5ErkJggg==)!important;
  12. background-size: 10px 10px!important;
  13. background-position: center right 4px!important;
  14. background-repeat: no-repeat!important;
  15. transition: color .2s, background-color .2s, border-color .2s, background-image .2s!important;
  16. }
  17.  
  18. select:hover,
  19. select:focus {
  20. color: hsl(0, 0%, 100%)!important;
  21. background-color: hsl(0, 0%, 42%)!important;
  22. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAMAAAC67D+PAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAbUExURQAAAP///////////////////////////////+tNPsIAAAAIdFJOUwDNgDMyVCx/KgDLIQAAAC9JREFUCNd1ykEOACAMAkGwtPX/LzbUq86JbACestfoRHAPBqDZlC/ubibeZlX4Oi0IALXycucjAAAAAElFTkSuQmCC)!important;
  23. }
  24.  
  25. .bbtn:hover,
  26. .bbtn:focus {
  27. outline: none!important;
  28. border-top-color: hsla(0, 0%, 100%, .4)!important;
  29. border-bottom-color: hsla(0, 0%, 0%, .85)!important;
  30. }
  31.  
  32. option {
  33. color: hsl(0, 0%, 86%)!important;
  34. background: hsl(0, 0%, 30%)!important;
  35. }
  36.  
  37. input {
  38. background-color: hsl(0, 0%, 22%)!important;
  39. border: 1px solid hsl(0, 0%, 40%)!important;
  40. transition: background-color .2s, border-color .2s!important;
  41. }
  42.  
  43. input:focus {
  44. background-color: hsl(0, 0%, 16%)!important;
  45. border-color: hsl(0, 0%, 54%)!important;
  46. outline: none!important;
  47. }
  48.  
  49. input[type="color"] {
  50. padding: 0!important;
  51. }
  52.  
  53. textarea {
  54. background-color: hsl(0, 0%, 19%)!important;
  55. border: 1px solid hsl(0, 0%, 36%)!important;
  56. transition: background-color .2s, border-color .2s!important;
  57. }
  58.  
  59. textarea:focus {
  60. background-color: hsl(0, 0%, 17%)!important;
  61. border-color: hsl(0, 0%, 42%)!important;
  62. outline: none!important;
  63. }
  64.  
  65. input[type="checkbox"] {
  66. -moz-appearance: none!important;
  67. -webkit-appearance: none!important;
  68. position: relative!important;
  69. opacity: 1!important;
  70. margin-right: 0!important;
  71. margin-top: 0!important;
  72. margin-bottom: 0!important;
  73. box-shadow: none!important;
  74. border: 1px solid hsl(0, 0%, 50%)!important;
  75. height: 12px!important;
  76. width: 12px!important;
  77. border-radius: 1px!important;
  78. background-color: hsl(0, 0%, 20%)!important;
  79. transition: background-color .2s, border-color .2s!important;
  80. }
  81.  
  82. input[type="checkbox"]:hover {
  83. background-color: hsl(0, 0%, 26%)!important;
  84. border-color: hsl(0, 0%, 70%)!important;
  85. }
  86.  
  87. input[type="checkbox"]:checked:before {
  88. content: "";
  89. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QgTFwEsUbo5YAAAAHRJREFUGNOtkLENwlAMBc+0v2cAluD3oWYJlJ5sgjJF+iwRBkp9NA4KFEGKeNLrzmfL8I+orVoBDhtQBa7AZctU1CFbPozqccV2QAEeETG/QbUFevWUK8/AMyKmZTISbIA7MK+st8X2fVejjtn66x01z9ifFxsCQ1amlipGAAAAAElFTkSuQmCC)no-repeat;
  90. position: absolute;
  91. height: 10px;
  92. width: 10px;
  93. top: 0;
  94. left: 0;
  95. transition: background .2s;
  96. }
  97.  
  98. input[type="checkbox"]:checked:hover:before {
  99. content: "";
  100. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QgTFiUR+fj+4AAAAFNJREFUGNNjYKAG+P///4T///8HEFIU8B8CNuBTJPD////3//////D//38BdEkFJPYGqGkB2Nzy/v///wZ4rfz//38CVPI9TiuxKP5PrE8nUBSmALjXbxrC56mQAAAAAElFTkSuQmCC)no-repeat;
  101. }
  102.  
  103. input[type="checkbox"] + label {
  104. padding-left: .3em!important;
  105. transition: color .2s!important;
  106. font-size: 13px!important;
  107. height: 12px!important;
  108. line-height: 12px!important;
  109. display: inline-block!important;
  110. vertical-align: middle!important;
  111. }
  112.  
  113. input[type="checkbox"]:hover + label,
  114. input[type="checkbox"] + label:hover {
  115. color: hsl(0, 0%, 100%)!important;
  116. }
  117.  
  118. .toolconf .cbox > input[type="checkbox"],
  119. .toolconf .cbox > label {
  120. position: relative!important;
  121. margin-top: -3px!important;
  122. }
  123.  
  124. .alertcont > div {
  125. background: hsl(0, 0%, 15%)!important;
  126. color: hsl(0, 0%, 86%)!important;
  127. }
  128.  
  129. .contextpanel {
  130. background-color: hsl(0, 0%, 18%)!important;
  131. }
  132.  
  133. .contextpanel .enab {
  134. transition: background-color .2s!important;
  135. }
  136.  
  137. .contextpanel .enab:hover {
  138. background-color: hsl(0, 0%, 22%)!important;
  139. }
  140.  
  141. .contextpanel .enab span {
  142. color: hsl(0, 0%, 75%)!important;
  143. transition: color .2s!important;
  144. }
  145.  
  146. .contextpanel .enab:hover span {
  147. color: hsl(0, 0%, 100%)!important;
  148. }
  149.  
  150. .contextpanel .enab img,
  151. .gsicon,
  152. .block .panelhead div .cross,
  153. .window .head .cross {
  154. -webkit-filter: invert(1)!important;
  155. filter: invert(1)!important;
  156. opacity: .75!important;
  157. transition: opacity .2s!important;
  158. }
  159.  
  160. .contextpanel .enab:hover img,
  161. button:hover .gsicon,
  162. button:focus .gsicon,
  163. button:active .gsicon,
  164. .active:not(.fitem) .gsicon,
  165. .block .panelhead div .cross:hover,
  166. .window .head .cross:hover {
  167. opacity: 1!important;
  168. }
  169.  
  170. .contextpanel hr {
  171. background: hsl(0, 0%, 27%)!important;
  172. }
  173.  
  174. button {
  175. transition: color .2s, background-color .2s, border-color .2s!important;
  176. }
  177.  
  178. button:hover,
  179. button:focus,
  180. button:active {
  181. color: hsl(0, 0%, 100%)!important;
  182. }
  183.  
  184. .panelblock button,
  185. .toolbtn {
  186. outline: none!important;
  187. }
  188.  
  189. .panelblock button:hover,
  190. .panelblock button:focus,
  191. .panelblock button.active {
  192. color: hsl(0, 0%, 100%)!important;
  193. background-color: hsla(0, 0%, 0%, .25)!important;
  194. }
  195.  
  196. .panelblock button:not(.active):not(:hover):focus {
  197. color: hsl(0, 0%, 84%)!important;
  198. background-color: transparent!important;
  199. }
  200.  
  201. .topfloat > a,
  202. .topbar > button {
  203. background-color: hsl(0, 0%, 38%)!important;
  204. color: hsl(0, 0%, 84%)!important;
  205. transition: color .2s, background-color .2s, border-color .2s!important;
  206. }
  207.  
  208. .topfloat > a:hover,
  209. .topbar > button:hover {
  210. background-color: hsl(0, 0%, 42%)!important;
  211. color: hsl(0, 0%, 100%)!important;
  212. border-top-color: hsla(0, 0%, 100%, .4)!important;
  213. border-bottom-color: hsla(0, 0%, 0%, .85)!important;
  214. }
  215.  
  216. .topfloat {
  217. right: 4px!important;
  218. }
  219.  
  220. .block .panelhead div {
  221. color: hsl(0, 0%, 66%)!important;
  222. transition: color .2s, background-color .2s, border-color .2s!important;
  223. }
  224.  
  225. .block .panelhead div.active,
  226. .block .panelhead div:hover {
  227. color: hsl(0, 0%, 90%)!important;
  228. background-color: hsl(0, 0%, 26%)!important;
  229. border-top-color: hsla(0, 0%, 100%, .3)!important;
  230. }
  231.  
  232. .rangecont {
  233. background-color: hsl(0, 0%, 40%)!important;
  234. }
  235.  
  236. #cap,
  237. body > .photopea > div[style]:last-child {
  238. display: none!important;
  239. }
  240.  
  241. .mainblock > .block > div,
  242. body > .photopea > div > div[style*="width"] {
  243. width: unset!important;
  244. max-width: unset!important;
  245. }
  246.  
  247. body > .photopea > div > div[style*="width"] > div[style*="left"] {
  248. left: 0!important;
  249. right: 0!important;
  250. }
  251.  
  252. body > .photopea > div {
  253. flex-basis: 100%!important
  254. }
  255.  
  256. body > .photopea > div > .cmanager .contextpanel[style*="top: 163"] {
  257. left: unset!important;
  258. right: 32px!important;
  259. }
  260.  
  261. .mainblock {
  262. flex-grow: 1!important;
  263. }
  264.  
  265. .pbody > canvas {
  266. margin: auto!important;
  267. }
  268.  
  269. .intro {
  270. position: absolute!important;
  271. top: 0!important;
  272. bottom: 0!important;
  273. left: 0!important;
  274. right: 0!important;
  275. margin: auto!important;
  276. }
  277.  
  278. .topfloat,
  279. .topbar > button {
  280. display: none!important;
  281. }
  282. }
Advertisement
Advertisement
Advertisement
RAW Paste Data Copied
Advertisement