GitHub Theme for Mou.app

GitHub2.css

::selection, *::-moz-selection {
  text-shadow: none;
  background-color:
  rgba(65,131,196,0.4);
}

body {
  font-family: Helvetica, arial, sans-serif;
  font-size: 15px;
  line-height: 1.7;
  padding: 30px;
  color: #333333;
  background-color: #fff;
}

body>*:first-child {
  margin-top: 0 !important
}

body>*:last-child {
  margin-bottom: 0 !important
}

a {
  color: #4183c4;
  text-decoration: none
}

a:hover {
  text-decoration: underline
}

a:focus,a:active {
  text-decoration: underline
}

a.absent {
  color: #c00
}

a.anchor {
  display: block;
  padding-left: 30px;
  margin-left: -30px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0
}

h1,h2,h3,h4,h5,h6 {
  margin: 1em 0 15px;
  padding: 0;
  font-weight: bold;
  line-height: 1.7;
  cursor: text;
  position: relative
}

h1 .octicon-link,h2 .octicon-link,h3 .octicon-link,h4 .octicon-link,h5 .octicon-link,h6 .octicon-link {
  display: none;
  color: #000
}

h1:hover a.anchor,h2:hover a.anchor,h3:hover a.anchor,h4:hover a.anchor,h5:hover a.anchor,h6:hover a.anchor {
  text-decoration: none;
  line-height: 1;
  padding-left: 0;
  margin-left: -22px;
  top: 15%
}

h1:hover a.anchor .octicon-link,h2:hover a.anchor .octicon-link,h3:hover a.anchor .octicon-link,h4:hover a.anchor .octicon-link,h5:hover a.anchor .octicon-link,h6:hover a.anchor .octicon-link {
  display: inline-block
}

h1 tt,h1 code,h2 tt,h2 code,h3 tt,h3 code,h4 tt,h4 code,h5 tt,h5 code,h6 tt,h6 code {
  font-size: inherit
}

h1 {
  font-size: 2.5em;
  border-bottom: 1px solid #ddd
}

h2 {
  font-size: 2em;
  border-bottom: 1px solid #eee
}

h3 {
  font-size: 1.5em
}

h4 {
  font-size: 1.2em
}

h5 {
  font-size: 1em
}

h6 {
  color: #777;
  font-size: 1em
}

p,blockquote,ul,ol,dl,table,pre {
  margin: 15px 0
}

hr {
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAECAYAAACtBE5DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OENDRjNBN0E2NTZBMTFFMEI3QjRBODM4NzJDMjlGNDgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OENDRjNBN0I2NTZBMTFFMEI3QjRBODM4NzJDMjlGNDgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4Q0NGM0E3ODY1NkExMUUwQjdCNEE4Mzg3MkMyOUY0OCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4Q0NGM0E3OTY1NkExMUUwQjdCNEE4Mzg3MkMyOUY0OCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqqezsUAAAAfSURBVHjaYmRABcYwBiM2QSA4y4hNEKYDQxAEAAIMAHNGAzhkPOlYAAAAAElFTkSuQmCC) repeat-x 0 0;
  border: 0 none;
  color: #ccc;
  height: 4px;
  padding: 0;
  margin: 15px 0
}

li p.first {
  display: inline-block
}

ul,ol {
  padding-left: 30px
}

ul.no-list,ol.no-list {
  list-style-type: none;
  padding: 0
}

ul ul,ul ol,ol ol,ol ul {
  margin-top: 0;
  margin-bottom: 0
}

dl {
  padding: 0
}

dl dt {
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  padding: 0;
  margin-top: 15px
}

dl dd {
  margin-bottom: 15px;
  padding: 0 15px
}

blockquote {
  border-left: 4px solid #DDD;
  padding: 0 15px;
  color: #777
}

blockquote>:first-child {
  margin-top: 0px
}

blockquote>:last-child {
  margin-bottom: 0px
}

table {
  width: 100%;
  overflow: auto;
  display: block
}

table th {
  font-weight: bold
}

table th,table td {
  border: 1px solid #ddd;
  padding: 6px 13px
}

table tr {
  border-top: 1px solid #ccc;
  background-color: #fff
}

table tr:nth-child(2n) {
  background-color: #f8f8f8
}

img {
  max-width: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

span.frame {
  display: block;
  overflow: hidden
}

span.frame>span {
  border: 1px solid #ddd;
  display: block;
  float: left;
  overflow: hidden;
  margin: 13px 0 0;
  padding: 7px;
  width: auto
}

span.frame span img {
  display: block;
  float: left
}

span.frame span span {
  clear: both;
  color: #333;
  display: block;
  padding: 5px 0 0
}

span.align-center {
  display: block;
  overflow: hidden;
  clear: both
}

span.align-center>span {
  display: block;
  overflow: hidden;
  margin: 13px auto 0;
  text-align: center
}

span.align-center span img {
  margin: 0 auto;
  text-align: center
}

span.align-right {
  display: block;
  overflow: hidden;
  clear: both
}

span.align-right>span {
  display: block;
  overflow: hidden;
  margin: 13px 0 0;
  text-align: right
}

span.align-right span img {
  margin: 0;
  text-align: right
}

span.float-left {
  display: block;
  margin-right: 13px;
  overflow: hidden;
  float: left
}

span.float-left span {
  margin: 13px 0 0
}

span.float-right {
  display: block;
  margin-left: 13px;
  overflow: hidden;
  float: right
}

span.float-right>span {
  display: block;
  overflow: hidden;
  margin: 13px auto 0;
  text-align: right
}

code,tt {
  margin: 0 2px;
  padding: 0px 5px;
  border: 1px solid #ddd;
  background-color: #f8f8f8;
  border-radius: 3px
}

code {
  white-space: nowrap
}

pre>code {
  margin: 0;
  padding: 0;
  white-space: pre;
  border: none;
  background: transparent
}

.highlight pre,pre {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  font-size: 13px;
  line-height: 19px;
  overflow: auto;
  padding: 6px 10px;
  border-radius: 3px
}

pre code,pre tt {
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: none
}

code, pre {
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-size: 12px;
}