{"id":187,"date":"2012-01-03T15:13:18","date_gmt":"2012-01-03T21:13:18","guid":{"rendered":"http:\/\/www.marcblase.com\/blog\/?p=187"},"modified":"2012-01-04T10:32:50","modified_gmt":"2012-01-04T16:32:50","slug":"evil-css","status":"publish","type":"post","link":"https:\/\/ma.rcbla.se\/blog\/2012\/01\/evil-css\/","title":{"rendered":"evil.css"},"content":{"rendered":"<p>This is funny, seriously funny.<\/p>\n<pre class=\"brush: css; title: ; notranslate\" title=\"\">\r\n\/* rotate the entire page 180 degrees. \r\nthe rule that started it all. \r\ndisabled by default because it's not very, um, subtle *\/\r\n\/*body {\r\n    -webkit-transform: rotate(180deg) !important;\r\n    -o-transform: rotate(180deg) !important;\r\n    -moz-transform: rotate(180deg) !important;\r\n}*\/\r\n\r\n\/* rotate *some* images 180 degrees *\/\r\nimg&#x5B;src*=&quot;7&quot;] {\r\n    -webkit-transform: rotate(180deg) !important;\r\n    -o-transform: rotate(180deg) !important;\r\n    -moz-transform: rotate(180deg) !important;\r\n}\r\n\r\n\/* hide every first paragraph and list item *\/\r\np:first-child, li:first-child {\r\n    display: none !important;\r\n}\r\n\r\n\/* Slightly smaller first letters *\/\r\n*:first-letter {\r\n    font-size: 90% !important;\r\n}\r\n\r\n\/* make everything sliiiightly blurry and foggy *\/\r\n* {\r\n    text-shadow: 0 0 0.5em rgba(0, 0, 0, 0.5);\r\n    opacity: 0.98;\r\n}\r\n\r\n\/* blurry IE *\/\r\nbody {\r\n    filter: progid:DXImageTransform.Microsoft.blur(pixelradius=1, enabled='true') !important;\r\n}\r\n\r\n@-webkit-keyframes fade {\r\n  0% { opacity: 0.98; }\r\n  100% { opacity: 0.49; }\r\n}\r\n\r\n\/* Oh were you reading that? *\/\r\np {\r\n  -webkit-animation: fade 500s;\r\n}\r\n\r\n\/* bring back &lt;blink&gt;! *\/\r\n@-webkit-keyframes blink {\r\n    0% { opacity: 1.0; }\r\n    50% { opacity: 1.0; }\r\n    51% { opacity: 0.0; }\r\n    100% { opacity: 0.0; }\r\n}\r\n\/* apply &lt;blink&gt; to H1s *\/\r\nh1 {\r\n     -webkit-animation: blink 1s infinite;\r\n}\r\n\r\n\/* always show scroll bars *\/\r\nhtml {\r\n    overflow: scroll !important;\r\n    height: 100.1% !important;\r\n    width: 100.1% !important;\r\n}\r\n\r\n\/* confusing\/conflicting double vertical scrollbars *\/\r\nbody {\r\n    overflow: scroll !important;\r\n    height: 200% !important;\r\n}\r\n\r\n\/* never allow selection! *\/\r\n* {\r\n    user-select: none;\r\n    -webkit-user-select: none;\r\n    -moz-user-select: none;\r\n}\r\n<\/pre>\n<p>Thank you <a href=\"https:\/\/github.com\/tlrobinson\/evil.css\/blob\/master\/evil.css\">web devs<\/a> with more time on your hands\/less sleep requirements than I have.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This is funny, seriously funny. \/* rotate the entire page 180 degrees. the rule that started it all. disabled by default because it&#8217;s not very, um, subtle *\/ \/*body { -webkit-transform: rotate(180deg) !important; -o-transform: rotate(180deg) !important; -moz-transform: rotate(180deg) !important; }*\/ \/* rotate *some* images 180 degrees *\/ img&#x5B;src*=&quot;7&quot;] { -webkit-transform: rotate(180deg) !important; -o-transform: rotate(180deg) !important; [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11,12,13],"tags":[],"class_list":["post-187","post","type-post","status-publish","format-standard","hentry","category-coding","category-css-coding","category-humor"],"_links":{"self":[{"href":"https:\/\/ma.rcbla.se\/blog\/wp-json\/wp\/v2\/posts\/187","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ma.rcbla.se\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ma.rcbla.se\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ma.rcbla.se\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/ma.rcbla.se\/blog\/wp-json\/wp\/v2\/comments?post=187"}],"version-history":[{"count":2,"href":"https:\/\/ma.rcbla.se\/blog\/wp-json\/wp\/v2\/posts\/187\/revisions"}],"predecessor-version":[{"id":192,"href":"https:\/\/ma.rcbla.se\/blog\/wp-json\/wp\/v2\/posts\/187\/revisions\/192"}],"wp:attachment":[{"href":"https:\/\/ma.rcbla.se\/blog\/wp-json\/wp\/v2\/media?parent=187"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ma.rcbla.se\/blog\/wp-json\/wp\/v2\/categories?post=187"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ma.rcbla.se\/blog\/wp-json\/wp\/v2\/tags?post=187"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}