Skip to content

Instantly share code, notes, and snippets.

@Raz0rwire
Last active November 4, 2015 10:49
Show Gist options
  • Save Raz0rwire/d288a162f6d2baf490d2 to your computer and use it in GitHub Desktop.
Save Raz0rwire/d288a162f6d2baf490d2 to your computer and use it in GitHub Desktop.
(function() {
var style_tag = document.createElement('style');
var rules = [
'.mc-modal{ top: 150px !important;',
'.mc-closeModal{ line-height: 17px; width: 30px; height: 30px; overflow:visible; color: rgba(0,0,0,0); top: 0px; right:0px; z-index:1000;}',
'.mc-closeModal:before{ transition:all 0.3s; width: 20px; height: 2px; background-color: rgba(0,0,0,0.7); content: ""; display:block; top: 19px; transform:rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); position:relative; }',
'.mc-closeModal:after{ transition:all 0.3s; width: 20px; height: 2px; background-color: rgba(0,0,0,0.7); content: ""; display:block; transform:rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); }',
'.mc-closeModal:hover:before, .mc-closeModal:hover:after{ background-color: rgba(0,0,0,1); }'
];
style_tag.innerHTML = rules.join(' ');
(document.getElementsByTagName("head")[0] || document.documentElement).appendChild(style_tag);
})();
@Raz0rwire
Copy link
Author

Use only if you have an existing custom javascript block
Step 1: Click the 'raw' button in the top right corner of the code window on this page.
Step 2: Copy the code on the following page to your clipboard
Step 3: Paste the code between the <script></script> tags, just before the </script> tag

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment