gist style trials

index.html

<style>
.gist .gist-file .gist-data .line-pre{font-family:Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif !important}
.gist .gist-file{font-family:Helvetica,  !important}
.gist .gist-file .gist-meta{font-family:'Helvetica Neue', Helvetica, arial, freesans, clean, sans-serif !important}
.gist .gist-file{border-color:#dddddd !important}
.gist .gist-file .gist-data .line-numbers{border-right-color:#dddddd !important}
.gist .gist-file .gist-data{border-bottom-color:#dddddd !important}
.gist .gist-file .gist-data .line-numbers{background:#ffefff !important}
.gist .gist-file .gist-data{background:#ffcbff !important}
.gist .gist-file .gist-meta{background:#00ee00 !important}
.gist .gist-file .gist-data .line-numbers{color:#aaaaaa !important}
.gist .gist-file .gist-meta{color:#999999 !important}
.gist .gist-file .gist-meta a{color:#00dddd !important}
.gist .gist-file .gist-data .line-numbers{text-shadow:1px 1px rgba(255, 255, 255, .8) !important}
.gist .gist-file .gist-meta{text-shadow:1px 1px rgba(255, 255, 255, .8) !important}
.gist .gist-file .gist-data {border-radius: 2px 2px 0 0 !important}
.gist .gist-file .gist-meta {border-radius: 0 0 2px 2px !important}
</style>

<script src="https://gist.github.com/roachhd/a46aebf14e52db311eb9.js"></script>