Michal Čaplygin myfonj
myfonj
/ Self-modifying in-page editor saving itself into data-URI
Last active
August 29, 2015 14:01
Single page self-contained browser 'boorkamark apps' or keyword commands / bookmarklets
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| data:text/html;charset=utf-8;base64,PCFET0NUWVBFIEhUTUw+PG1ldGEgY2hhcnNldD11dGYtOD48dGl0bGU+U2VsZi1tb2RpZnlpbmcgZGF0YVVSSSBkb2N1bWVudDwvdGl0bGU+Cjxib2R5CglvbmxvYWQ9KHQ9KGQ9ZG9jdW1lbnQpLmJvZHkuY2hpbGROb2Rlc1swXSkudmFsdWU9ZGVjb2RlVVJJQ29tcG9uZW50KGVzY2FwZShhdG9iKGQubG9jYXRpb24uaHJlZi5zbGljZSgzNikpKSkKCXN0eWxlPSJmb250LWZhbWlseTogU2VyaWYsIFNlZ29lIFVJIFN5bWJvbCwgU2VyaWYiCj48dGV4dGFyZWEKCWF1dG9mb2N1cwoJY29scz0yMDAKCXJvd3M9MzAKCXN0eWxlPSJ0YWItc2l6ZTogNDsgLW1vei10YWItc2l6ZTogNDsgZm9udC1mYW1pbHk6IENvdXJpZXIgbmV3LCBTZWdvZSBVSSBTeW1ib2wsIG1vbm9zcGFjZTsgZm9udC1zaXplOiAxM3B4OyIKCXdyYXA9b2ZmCj48L3RleHRhcmVhPjxicj48YnV0dG9uCglvbmNsaWNrPWQubG9jYXRpb24uaHJlZj0nZGF0YTp0ZXh0L2h0bWw7Y2hhcnNldD11dGYtODtiYXNlNjQsJytidG9hKHVuZXNjYXBlKGVuY29kZVVSSUNvbXBvbmVudCh0LnZhbHVlKSkpCglhY2Nlc3NrZXk9cwoJaWQ9cwo+PHU+czwvdT5hdmU8L2J1dHRvbj4KPG9sPgoJPGxpPlRoaXMgZG9jdW1lbnQgaXMgc29tZXdoYXQgc2VsZi1jb250YWluZWQgaW4gaXRzIG93biA8Y29kZT5kYXRhOjwvY29kZT4gVVJJIG1ha2VzIGl0cyBjb250ZW50Cgk8bGk+VGhpcyBkb2N1bWVudCBtb2RpZmllcyBpdHNlbGYgdXBvbiA8bGFiZWwgZm9yPSJz |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* | |
| § `sharp` corners | |
| */ | |
| .arrowscrollbox-scrollbox { | |
| -moz-padding-start: 0 !important; | |
| } | |
| .tab-background-middle, | |
| .tab-background { | |
| -moz-margin-start: 0; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* | |
| CSS selector specificity test | |
| pass trough code and activate/deactivate comments to see it in action | |
| */ | |
| /* add or remove space after "*" → */ | |
| #Menu:not(#x):not(#x):after { | |
| content:'#Menu:not(#x):not(#x) ' !important; | |
| } | |
| /* equals * / | |
| #Menu#Menu#Menu:after { |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* etn Q&A */ | |
| .w { | |
| width: 16px; | |
| height: 16px; | |
| border: 1px solid red; | |
| position: relative; | |
| } | |
| .q, .a, .amp { | |
| position: absolute; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* etn Q&A */ | |
| .w { | |
| width: 16px; | |
| height: 16px; | |
| border: 1px solid red; | |
| position: relative; | |
| } | |
| .q, .a, .amp { | |
| position: absolute; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* slanted menu | |
| */ | |
| html { background-color: #222; } | |
| body { | |
| font-family: Tahoma, sans-serif; | |
| padding: 10px 0; | |
| max-width: 20em; | |
| margin: 1em auto; | |
| background-color: #fff; | |
| font-size: 30px; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* slanted menu | |
| */ | |
| html { background-color: #222; } | |
| body { | |
| font-family: Tahoma, sans-serif; | |
| padding: 10px 0; | |
| max-width: 20em; | |
| margin: 1em auto; | |
| background-color: #fff; | |
| font-size: 30px; |
NewerOlder