{"action":"created","issue":{"url":"https://api.github.com/repos/jupyter/notebook/issues/379","labels_url":"https://api.github.com/repos/jupyter/notebook/issues/379/labels{/name}","comments_url":"https://api.github.com/repos/jupyter/notebook/issues/379/comments","events_url":"https://api.github.com/repos/jupyter/notebook/issues/379/events","html_url":"https://github.com/jupyter/notebook/issues/379","id":104410572,"number":379,"title":"Funny but big bug - UI moving","user":{"login":"projetmbc","id":168373,"avatar_url":"https://avatars.githubusercontent.com/u/168373?v=3","gravatar_id":"","url":"https://api.github.com/users/projetmbc","html_url":"https://github.com/projetmbc","followers_url":"https://api.github.com/users/projetmbc/followers","following_url":"https://api.github.com/users/projetmbc/following{/other_user}","gists_url":"https://api.github.com/users/projetmbc/gists{/gist_id}","starred_url":"https://api.github.com/users/projetmbc/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/projetmbc/subscriptions","organizations_url":"https://api.github.com/users/projetmbc/orgs","repos_url":"https://api.github.com/users/projetmbc/repos","events_url":"https://api.github.com/users/projetmbc/events{/privacy}","received_events_url":"https://api.github.com/users/projetmbc/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":4,"created_at":"2015-09-02T06:25:28Z","updated_at":"2015-09-07T12:39:02Z","closed_at":"2015-09-02T07:23:39Z","body":"The following code will move anything of the UI of the notebook. I found this bug when testing HTML and CSS output with a code from the web.\r\n\r\n    %%html \r\n\r\n    <!DOCTYPE html>\r\n    <html>\r\n    <head>\r\n    <style> \r\n    div {\r\n        width: 100px;\r\n        height: 100px;\r\n        background-color: red;\r\n        position: relative;\r\n        -webkit-animation-name: example; /* Chrome, Safari, Opera */\r\n        -webkit-animation-duration: 4s; /* Chrome, Safari, Opera */\r\n        -webkit-animation-iteration-count: infinite; /* Chrome, Safari, Opera */\r\n        animation-name: example;\r\n        animation-duration: 4s;\r\n        animation-iteration-count: infinite;\r\n    }\r\n\r\n    /* Chrome, Safari, Opera */\r\n    @-webkit-keyframes example {\r\n        0%   {background-color:red; left:0px; top:0px;}\r\n        25%  {background-color:yellow; left:200px; top:0px;}\r\n        50%  {background-color:blue; left:200px; top:200px;}\r\n        75%  {background-color:green; left:0px; top:200px;}\r\n        100% {background-color:red; left:0px; top:0px;}\r\n    }\r\n\r\n    /* Standard syntax */\r\n    @keyframes example {\r\n        0%   {background-color:red; left:0px; top:0px;}\r\n        25%  {background-color:yellow; left:200px; top:0px;}\r\n        50%  {background-color:blue; left:200px; top:200px;}\r\n        75%  {background-color:green; left:0px; top:200px;}\r\n        100% {background-color:red; left:0px; top:0px;}\r\n    }\r\n    </style>\r\n    </head>\r\n    <body>\r\n\r\n    <p><b>Note:</b> This example does not work in Internet Explorer 9 and earlier versions.</p>\r\n\r\n    <div></div>\r\n\r\n    </body>\r\n    </html>\r\n"},"comment":{"url":"https://api.github.com/repos/jupyter/notebook/issues/comments/138286093","html_url":"https://github.com/jupyter/notebook/issues/379#issuecomment-138286093","issue_url":"https://api.github.com/repos/jupyter/notebook/issues/379","id":138286093,"user":{"login":"Carreau","id":335567,"avatar_url":"https://avatars.githubusercontent.com/u/335567?v=3","gravatar_id":"","url":"https://api.github.com/users/Carreau","html_url":"https://github.com/Carreau","followers_url":"https://api.github.com/users/Carreau/followers","following_url":"https://api.github.com/users/Carreau/following{/other_user}","gists_url":"https://api.github.com/users/Carreau/gists{/gist_id}","starred_url":"https://api.github.com/users/Carreau/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Carreau/subscriptions","organizations_url":"https://api.github.com/users/Carreau/orgs","repos_url":"https://api.github.com/users/Carreau/repos","events_url":"https://api.github.com/users/Carreau/events{/privacy}","received_events_url":"https://api.github.com/users/Carreau/received_events","type":"User","site_admin":false},"created_at":"2015-09-07T12:39:02Z","updated_at":"2015-09-07T12:39:02Z","body":"> The screenshot joined shows that some output can be confusing\r\n> when using %%html for example, or other description language.\r\n\r\nAttached images don't work by e=mail, you have to go through github UI to post screenshots. \r\n\r\n\r\n> I know that user can change CSS for all the Jupiter notebook even if I do\r\n> not know how to do that.\r\n\r\nYou \"just\" need to drop a file name `custom.css` in you `.jupyter/custom/` folder. \r\n"}}