Last active
December 20, 2015 13:19
-
-
Save arnabdas/6137649 to your computer and use it in GitHub Desktop.
Embed a gist into your web page
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
| /* http://www.cowboycoded.com/2011/04/08/customizing-your-embedded-gists-with-css/ */ | |
| /* Line numbers column background has been made white and font size has been decreased in code */ | |
| .gist{ | |
| margin: 15px 0 !important; | |
| } | |
| .gist-file{ | |
| border: none !important; | |
| } | |
| .gist-meta{ | |
| border: 1px solid #D2d2d2 !important; | |
| padding: 12px !important; | |
| -moz-border-radius-bottomleft: 10px; | |
| -webkit-border-bottom-left-radius: 10px; | |
| -moz-border-radius-bottomright: 10px; | |
| -webkit-border-bottom-right-radius: 10px; | |
| } | |
| .gist-data{ | |
| padding: 15px !important; | |
| font-size: 12px !important; | |
| border: 1px solid #D2d2d2 !important; | |
| border-bottom: none !important; | |
| background-color: #FFFFFF !important; | |
| -moz-border-radius-topleft: 10px; | |
| -webkit-border-top-left-radius: 10px; | |
| -moz-border-radius-topright: 10px; | |
| -webkit-border-top-right-radius: 10px; | |
| } | |
| .line-numbers { | |
| background-color: #FFFFFF !important; | |
| } |
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
| <html> | |
| <head> | |
| <link rel="stylesheet" href="embed.css"> | |
| <title></title> | |
| </head> | |
| <body> | |
| <div style="width: 49.9999%;margin-left:24.4999%;"> | |
| <script src="https://gist.github.com/arnab-das/6137649.js"></script> | |
| </div> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
I love this. Is there a way to also get rid of the inner frame around the git? There seems to be two borders in each gist. One that frames the whole gist and one that frames the code itself. I want to possibly remove them both or at least the inner one. Can you advise? - Thank you