{"id":89,"date":"2017-05-31T18:39:00","date_gmt":"2017-05-31T18:39:00","guid":{"rendered":"http:\/\/www.polysyncronism.com\/wordpress\/?p=89"},"modified":"2017-05-31T19:16:10","modified_gmt":"2017-05-31T19:16:10","slug":"css-graph-paper-background","status":"publish","type":"post","link":"http:\/\/www.polysyncronism.com\/wordpress\/2017\/05\/31\/css-graph-paper-background\/","title":{"rendered":"CSS Graph Paper Background"},"content":{"rendered":"<p>Nice and dark graph for printing graph paper.  May need to adjust the 4th parameter of the rgba function to make the lines lighter.<\/p>\n<pre class=\"lang:css decode:true \" title=\"graph paper\" >\r\nbody {\r\n    background:\r\n        linear-gradient(-90deg, rgba(0, 0, 0, 1.03) 1px, transparent 1px),\r\n        linear-gradient(rgba(0, 0, 0, 1.03) 1px, transparent 1px),\r\n        linear-gradient(-90deg, rgba(0, 0, 0, 1.03) 1px, transparent 1px),\r\n        linear-gradient(rgba(0, 0, 0, 1.03) 1px, transparent 1px),\r\n        linear-gradient(transparent 3px, transparent 3px, transparent 78px, transparent 78px),\r\n        linear-gradient(-90deg, transparent 1px, transparent 1px),\r\n        linear-gradient(-90deg, transparent 3px, transparent 3px, transparent 78px, transparent 78px),\r\n        linear-gradient(transparent 1px, transparent 1px), transparent;\r\n    background-size:\r\n        10px 10px,\r\n        10px 10px,\r\n        10px 10px,\r\n        10px 10px,\r\n        10px 10px,\r\n        10px 10px,\r\n        10px 10px,\r\n        10px 10px;\r\n} \r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Nice and dark graph for printing graph paper. May need to adjust the 4th parameter of the rgba function to make the lines lighter. body { background: linear-gradient(-90deg, rgba(0, 0, 0, 1.03) 1px, transparent 1px), linear-gradient(rgba(0, 0, 0, 1.03) 1px, transparent 1px), linear-gradient(-90deg, rgba(0, 0, 0, 1.03) 1px, transparent 1px), linear-gradient(rgba(0, 0, 0, 1.03) 1px, &hellip; <a href=\"http:\/\/www.polysyncronism.com\/wordpress\/2017\/05\/31\/css-graph-paper-background\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;CSS Graph Paper Background&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,15],"tags":[],"class_list":["post-89","post","type-post","status-publish","format-standard","hentry","category-code","category-css"],"_links":{"self":[{"href":"http:\/\/www.polysyncronism.com\/wordpress\/wp-json\/wp\/v2\/posts\/89","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.polysyncronism.com\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.polysyncronism.com\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.polysyncronism.com\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.polysyncronism.com\/wordpress\/wp-json\/wp\/v2\/comments?post=89"}],"version-history":[{"count":3,"href":"http:\/\/www.polysyncronism.com\/wordpress\/wp-json\/wp\/v2\/posts\/89\/revisions"}],"predecessor-version":[{"id":93,"href":"http:\/\/www.polysyncronism.com\/wordpress\/wp-json\/wp\/v2\/posts\/89\/revisions\/93"}],"wp:attachment":[{"href":"http:\/\/www.polysyncronism.com\/wordpress\/wp-json\/wp\/v2\/media?parent=89"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.polysyncronism.com\/wordpress\/wp-json\/wp\/v2\/categories?post=89"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.polysyncronism.com\/wordpress\/wp-json\/wp\/v2\/tags?post=89"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}