Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

Updated CodeRay stylesheet.

* Closes #204.
  • Loading branch information...
commit f4635eedf5271c835a57cb65c637c12a236e18e7 1 parent 8ad7f3b
@h3rald authored
Showing with 471 additions and 166 deletions.
  1. +1 −0  .gitignore
  2. +325 −125 styles/coderay.css
  3. +145 −41 styles/coderay.scss
View
1  .gitignore
@@ -2,6 +2,7 @@
thumbs.db
.rvmrc*
.bundle
+.sass-cache
spec/config.yml
*.gem
doc
View
450 styles/coderay.css
@@ -8,140 +8,340 @@
font-size: 12px;
font-family: Monospace;
color: #000;
- padding: 1em 0px 1em 1em;
-}
+ padding: 1em 0px 1em 1em; }
+
.CodeRay pre, .CodeRay code {
padding: 0;
- margin: 0;
-}
+ margin: 0; }
-div.CodeRay {
- padding: 0;
-}
+div.CodeRay {
+ padding: 0; }
+
+span.CodeRay {
+ white-space: pre;
+ border: 0px;
+ padding: 2px; }
-span.CodeRay { white-space: pre; border: 0px; padding: 2px }
+table.CodeRay {
+ border-collapse: collapse;
+ width: 100%;
+ padding: 2px; }
-table.CodeRay { border-collapse: collapse; width: 100%; padding: 2px }
table.CodeRay td {
padding: 1em 0.5em;
- vertical-align: top;
-}
+ vertical-align: top; }
-.CodeRay .line_numbers, .CodeRay .no {
+.CodeRay .line-numbers, .CodeRay .no {
border: 1px solid #ECECEC;
margin: 0 inherit;
background-color: #ECECEC;
color: #AAA;
- text-align: right;
-}
-.CodeRay .line_numbers tt { font-weight: bold }
-.CodeRay .line_numbers .highlighted { color: red }
-.CodeRay .line { display: block; float: left; width: 100%; }
-.CodeRay .no { padding: 0px 4px }
-.CodeRay .code { width: 100% }
-
-ol.CodeRay { font-size: 10pt }
-ol.CodeRay li { white-space: pre }
-
-.CodeRay .code pre { overflow: auto }
-
-.CodeRay .debug { color:white ! important; background:blue ! important; }
-
-.CodeRay .af { color:#00C }
-.CodeRay .an { color:#007 }
-.CodeRay .at { color:#f08 }
-.CodeRay .av { color:#700 }
-.CodeRay .aw { color:#C00 }
-.CodeRay .bi { color:#509; font-weight:bold }
-.CodeRay .c { color:#998; font-style: italic;}
-
-.CodeRay .ch { color:#04D }
-.CodeRay .ch .k { color:#04D }
-.CodeRay .ch .dl { color:#039 }
-
-.CodeRay .cl { color:#458; font-weight:bold }
-.CodeRay .cm { color:#A08; font-weight:bold }
-.CodeRay .co { color:teal; }
-.CodeRay .cr { color:#0A0 }
-.CodeRay .cv { color:#369 }
-.CodeRay .de { color:#B0B; }
-.CodeRay .df { color:#099; font-weight:bold }
-.CodeRay .di { color:#088; font-weight:bold }
-.CodeRay .dl { color:black }
-.CodeRay .do { color:#970 }
-.CodeRay .dt { color:#34b }
-.CodeRay .ds { color:#D42; font-weight:bold }
-.CodeRay .e { color:#666; font-weight:bold }
-.CodeRay .en { color:#800; font-weight:bold }
-.CodeRay .er { color:#F00; background-color:#FAA }
-.CodeRay .ex { color:#C00; font-weight:bold }
-.CodeRay .fl { color:#099; }
-.CodeRay .fu { color:#900; font-weight:bold }
-.CodeRay .gv { color:teal; font-weight:bold }
-.CodeRay .hx { color:#058; font-weight:bold }
-.CodeRay .i { color:#099; }
-.CodeRay .ic { color:#B44; font-weight:bold }
-
-.CodeRay .il { color: black }
-.CodeRay .il .il { background: #ccc }
-.CodeRay .il .il .il { background: #bbb }
-.CodeRay .il .idl { color: #D14; }
-.CodeRay .idl { color: #D14; }
-
-.CodeRay .im { color:#f00; }
-.CodeRay .in { color:#B2B; font-weight:bold }
-.CodeRay .iv { color:teal }
-.CodeRay .la { color:#970; font-weight:bold }
-.CodeRay .lv { color:#963 }
-.CodeRay .oc { color:#40E; font-weight:bold }
-.CodeRay .of { color:#000; font-weight:bold }
-.CodeRay .op { }
-.CodeRay .pc { font-weight:bold }
-.CodeRay .pd { color:#369; font-weight:bold }
-.CodeRay .pp { color:#579; }
-.CodeRay .ps { color:#00C; font-weight:bold }
-.CodeRay .pt { color:#074; font-weight:bold }
-.CodeRay .r, .kw { color:#000; font-weight:bold }
-
-.CodeRay .ke { color: #808; }
-.CodeRay .ke .dl { color: #606; }
-.CodeRay .ke .ch { color: #80f; }
-.CodeRay .vl { color: #088; }
-
-.CodeRay .rx { background-color:#fff0ff }
-.CodeRay .rx .k { color:#808 }
-.CodeRay .rx .dl { color:#404 }
-.CodeRay .rx .mod { color:#C2C }
-.CodeRay .rx .fu { color:#404; font-weight: bold }
-
-.CodeRay .s { color: #D20; }
-.CodeRay .s .s { }
-.CodeRay .s .s .s { background-color:#ffd0d0 }
-.CodeRay .s .k { color: #D14; }
-.CodeRay .s .ch { color: #D14; }
-.CodeRay .s .dl { color: #D14; }
-
-.CodeRay .sh { color:#D14 }
-.CodeRay .sh .k { }
-.CodeRay .sh .dl { color:#D14 }
-
-.CodeRay .sy { color:#990073 }
-.CodeRay .sy .k { color:#A60 }
-.CodeRay .sy .dl { color:#630 }
-
-.CodeRay .ta { color:#070 }
-.CodeRay .tf { color:#070; font-weight:bold }
-.CodeRay .ts { color:#D70; font-weight:bold }
-.CodeRay .ty { color:#339; font-weight:bold }
-.CodeRay .v { color:#036 }
-.CodeRay .xt { color:#444 }
-
-.CodeRay .ins { background: #afa; }
-.CodeRay .del { background: #faa; }
-.CodeRay .chg { color: #aaf; background: #007; }
-.CodeRay .head { color: #f8f; background: #505 }
-
-.CodeRay .ins .ins { color: #080; font-weight:bold }
-.CodeRay .del .del { color: #800; font-weight:bold }
-.CodeRay .chg .chg { color: #66f; }
-.CodeRay .head .head { color: #f4f; }
+ padding: 0px 7px;
+ text-align: right; }
+
+.CodeRay .line-numbers tt {
+ font-weight: bold; }
+
+.CodeRay .line-numbers .highlighted {
+ color: red; }
+
+.CodeRay .line {
+ display: block;
+ float: left;
+ width: 100%; }
+
+.CodeRay .no {
+ padding: 0px 4px; }
+
+.CodeRay .code {
+ width: 100%; }
+
+ol.CodeRay {
+ font-size: 10pt; }
+
+ol.CodeRay li {
+ white-space: pre; }
+
+.CodeRay .code pre {
+ overflow: auto; }
+
+.CodeRay .debug {
+ color: white !important;
+ background: blue !important; }
+
+.CodeRay .attribute-name-fat {
+ color: #00C; }
+
+.CodeRay .attribute-name {
+ color: #007; }
+
+.CodeRay .annotation {
+ color: #f08; }
+
+.CodeRay .attribute-value {
+ color: #700; }
+
+.CodeRay .attribute-value-fat {
+ color: #C00; }
+
+.CodeRay .binary {
+ color: #509;
+ font-weight: bold; }
+
+.CodeRay .comment {
+ color: #998;
+ font-style: italic; }
+
+.CodeRay .char {
+ color: #04D; }
+
+.CodeRay .ch .content {
+ color: #04D; }
+
+.CodeRay .ch .delimiter {
+ color: #039; }
+
+.CodeRay .class {
+ color: #458;
+ font-weight: bold; }
+
+.CodeRay .complex {
+ color: #A08;
+ font-weight: bold; }
+
+.CodeRay .constant {
+ color: teal; }
+
+.CodeRay .color {
+ color: #0A0; }
+
+.CodeRay .class-variable {
+ color: #369; }
+
+.CodeRay .decorator {
+ color: #B0B; }
+
+.CodeRay .definition {
+ color: #099;
+ font-weight: bold; }
+
+.CodeRay .directive {
+ color: #088;
+ font-weight: bold; }
+
+.CodeRay .delimiter {
+ color: black; }
+
+.CodeRay .doc {
+ color: #970; }
+
+.CodeRay .doc-type {
+ color: #34b; }
+
+.CodeRay .doc-string {
+ color: #D42;
+ font-weight: bold; }
+
+.CodeRay .escape {
+ color: #666;
+ font-weight: bold; }
+
+.CodeRay .entity {
+ color: #800;
+ font-weight: bold; }
+
+.CodeRay .error {
+ color: #F00;
+ background-color: #FAA; }
+
+.CodeRay .exception {
+ color: #C00;
+ font-weight: bold; }
+
+.CodeRay .float {
+ color: #099; }
+
+.CodeRay .function {
+ color: #900;
+ font-weight: bold; }
+
+.CodeRay .global-variable {
+ color: teal;
+ font-weight: bold; }
+
+.CodeRay .hex {
+ color: #058;
+ font-weight: bold; }
+
+.CodeRay .imaginary {
+ color: #099; }
+
+.CodeRay .include {
+ color: #B44;
+ font-weight: bold; }
+
+.CodeRay .inline {
+ color: black; }
+
+.CodeRay .inline .inline {
+ background: #ccc; }
+
+.CodeRay .inline .inline .inline {
+ background: #bbb; }
+
+.CodeRay .inline .inline-delimiter {
+ color: #D14; }
+
+.CodeRay .inline-delimiter {
+ color: #D14; }
+
+.CodeRay .imaginary {
+ color: #f00; }
+
+.CodeRay .include {
+ color: #B2B;
+ font-weight: bold; }
+
+.CodeRay .instance-variable {
+ color: teal; }
+
+.CodeRay .label {
+ color: #970;
+ font-weight: bold; }
+
+.CodeRay .local-variable {
+ color: #963; }
+
+.CodeRay .octal {
+ color: #40E;
+ font-weight: bold; }
+
+.CodeRay .operator-fat {
+ color: #000;
+ font-weight: bold; }
+
+.CodeRay .predefined-constant {
+ font-weight: bold; }
+
+.CodeRay .predefined {
+ color: #369;
+ font-weight: bold; }
+
+.CodeRay .preprocessor {
+ color: #579; }
+
+.CodeRay .pseudo-class {
+ color: #00C;
+ font-weight: bold; }
+
+.CodeRay .predefined-type {
+ color: #074;
+ font-weight: bold; }
+
+.CodeRay .reserved, .keyword {
+ color: #000;
+ font-weight: bold; }
+
+.CodeRay .key {
+ color: #808; }
+
+.CodeRay .key .delimiter {
+ color: #606; }
+
+.CodeRay .key .char {
+ color: #80f; }
+
+.CodeRay .value {
+ color: #088; }
+
+.CodeRay .regexp {
+ background-color: #fff0ff; }
+
+.CodeRay .regexp .content {
+ color: #808; }
+
+.CodeRay .regexp .delimiter {
+ color: #404; }
+
+.CodeRay .regexp .modifier {
+ color: #C2C; }
+
+.CodeRay .regexp .function {
+ color: #404;
+ font-weight: bold; }
+
+.CodeRay .string {
+ color: #D20; }
+
+.CodeRay .string .content {
+ color: #D14; }
+
+.CodeRay .string .char {
+ color: #D14; }
+
+.CodeRay .string .delimiter {
+ color: #D14; }
+
+.CodeRay .shell {
+ color: #D14; }
+
+.CodeRay .shell .delimiter {
+ color: #D14; }
+
+.CodeRay .symbol {
+ color: #990073; }
+
+.CodeRay .symbol .content {
+ color: #A60; }
+
+.CodeRay .symbol .delimiter {
+ color: #630; }
+
+.CodeRay .tag {
+ color: #070; }
+
+.CodeRay .tag-fat {
+ color: #070;
+ font-weight: bold; }
+
+.CodeRay .tag-special {
+ color: #D70;
+ font-weight: bold; }
+
+.CodeRay .type {
+ color: #339;
+ font-weight: bold; }
+
+.CodeRay .variable {
+ color: #036; }
+
+.CodeRay .xml-text {
+ color: #444; }
+
+.CodeRay .insert {
+ background: #afa; }
+
+.CodeRay .delete {
+ background: #faa; }
+
+.CodeRay .change {
+ color: #aaf;
+ background: #007; }
+
+.CodeRay .head {
+ color: #f8f;
+ background: #505; }
+
+.CodeRay .insert .insert {
+ color: #080;
+ font-weight: bold; }
+
+.CodeRay .delete .delete {
+ color: #800;
+ font-weight: bold; }
+
+.CodeRay .change .change {
+ color: #66f; }
+
+.CodeRay .head .head {
+ color: #f4f; }
View
186 styles/coderay.scss
@@ -1,43 +1,147 @@
@import "definitions.scss";
+/*
+ * Based on: https://github.com/pie4dan/CodeRay-GitHub-Theme/blob/master/coderay.css
+ */
.CodeRay {
- pre {
- line-height: 1.2em;
- margin: 0px;
- color: #FFF;
- }
- .no {
- font-weight: bold;
- color: #595959;
- }
- .an {
- color: #E7BE69; }
- .c {
- color: #BC9358;
- font-style: italic; }
- .ch {
- color: #509E4F; }
- .cl, .co {
- color: #FFF; }
- .fl {
- color: #A4C260; }
- .fu {
- color: #FFC56D; }
- .gv {
- color: #D0CFFE; }
- .i {
- color: #A4C260; }
- .il {}
- .iv {
- color: #D0CFFE; }
- .pp {
- color: #E7BE69; }
- .r {
- color: #CB7832; }
- .rx, .s {
- color: #A4C260; }
- .sy {
- color: #6C9CBD; }
- .ta {
- color: #E7BE69; }
- .pc {
- color: #6C9CBD; } }
+ background-color: #FFF;
+ border: 1px solid #CCC;
+ line-height: 1.3em;
+ font-size: 12px;
+ font-family: Monospace;
+ color: #000;
+ padding: 1em 0px 1em 1em;
+}
+.CodeRay pre, .CodeRay code {
+ padding: 0;
+ margin: 0;
+}
+
+div.CodeRay {
+ padding: 0;
+}
+
+span.CodeRay { white-space: pre; border: 0px; padding: 2px }
+
+table.CodeRay { border-collapse: collapse; width: 100%; padding: 2px }
+table.CodeRay td {
+ padding: 1em 0.5em;
+ vertical-align: top;
+}
+
+.CodeRay .line-numbers, .CodeRay .no {
+ border: 1px solid #ECECEC;
+ margin: 0 inherit;
+ background-color: #ECECEC;
+ color: #AAA;
+ padding: 0px 7px;
+ text-align: right;
+}
+.CodeRay .line-numbers tt { font-weight: bold }
+.CodeRay .line-numbers .highlighted { color: red }
+.CodeRay .line { display: block; float: left; width: 100%; }
+.CodeRay .no { padding: 0px 4px }
+.CodeRay .code { width: 100% }
+
+ol.CodeRay { font-size: 10pt }
+ol.CodeRay li { white-space: pre }
+
+.CodeRay .code pre { overflow: auto }
+
+.CodeRay .debug { color:white ! important; background:blue ! important; }
+
+.CodeRay .attribute-name-fat { color:#00C }
+.CodeRay .attribute-name { color:#007 }
+.CodeRay .annotation { color:#f08 }
+.CodeRay .attribute-value { color:#700 }
+.CodeRay .attribute-value-fat { color:#C00 }
+.CodeRay .binary { color:#509; font-weight:bold }
+.CodeRay .comment { color:#998; font-style: italic;}
+
+.CodeRay .char { color:#04D }
+.CodeRay .ch .content { color:#04D }
+.CodeRay .ch .delimiter { color:#039 }
+
+.CodeRay .class { color:#458; font-weight:bold }
+.CodeRay .complex { color:#A08; font-weight:bold }
+.CodeRay .constant { color:teal; }
+.CodeRay .color { color:#0A0 }
+.CodeRay .class-variable { color:#369 }
+.CodeRay .decorator { color:#B0B; }
+.CodeRay .definition { color:#099; font-weight:bold }
+.CodeRay .directive { color:#088; font-weight:bold }
+.CodeRay .delimiter { color:black }
+.CodeRay .doc { color:#970 }
+.CodeRay .doc-type { color:#34b }
+.CodeRay .doc-string { color:#D42; font-weight:bold }
+.CodeRay .escape { color:#666; font-weight:bold }
+.CodeRay .entity { color:#800; font-weight:bold }
+.CodeRay .error { color:#F00; background-color:#FAA }
+.CodeRay .exception { color:#C00; font-weight:bold }
+.CodeRay .float { color:#099; }
+.CodeRay .function { color:#900; font-weight:bold }
+.CodeRay .global-variable { color:teal; font-weight:bold }
+.CodeRay .hex { color:#058; font-weight:bold }
+.CodeRay .imaginary { color:#099; }
+.CodeRay .include { color:#B44; font-weight:bold }
+
+.CodeRay .inline { color: black }
+.CodeRay .inline .inline { background: #ccc }
+.CodeRay .inline .inline .inline { background: #bbb }
+.CodeRay .inline .inline-delimiter { color: #D14; }
+.CodeRay .inline-delimiter { color: #D14; }
+
+.CodeRay .imaginary { color:#f00; }
+.CodeRay .include { color:#B2B; font-weight:bold }
+.CodeRay .instance-variable { color:teal }
+.CodeRay .label { color:#970; font-weight:bold }
+.CodeRay .local-variable { color:#963 }
+.CodeRay .octal { color:#40E; font-weight:bold }
+.CodeRay .operator-fat { color:#000; font-weight:bold }
+.CodeRay .operator { }
+.CodeRay .predefined-constant { font-weight:bold }
+.CodeRay .predefined { color:#369; font-weight:bold }
+.CodeRay .preprocessor { color:#579; }
+.CodeRay .pseudo-class { color:#00C; font-weight:bold }
+.CodeRay .predefined-type { color:#074; font-weight:bold }
+.CodeRay .reserved, .keyword { color:#000; font-weight:bold }
+
+.CodeRay .key { color: #808; }
+.CodeRay .key .delimiter { color: #606; }
+.CodeRay .key .char { color: #80f; }
+.CodeRay .value { color: #088; }
+
+.CodeRay .regexp { background-color:#fff0ff }
+.CodeRay .regexp .content { color:#808 }
+.CodeRay .regexp .delimiter { color:#404 }
+.CodeRay .regexp .modifier { color:#C2C }
+.CodeRay .regexp .function { color:#404; font-weight: bold }
+
+.CodeRay .string { color: #D20; }
+.CodeRay .string .content { color: #D14; }
+.CodeRay .string .char { color: #D14; }
+.CodeRay .string .delimiter { color: #D14; }
+
+.CodeRay .shell { color:#D14 }
+.CodeRay .shell .content { }
+.CodeRay .shell .delimiter { color:#D14 }
+
+.CodeRay .symbol { color:#990073 }
+.CodeRay .symbol .content { color:#A60 }
+.CodeRay .symbol .delimiter { color:#630 }
+
+.CodeRay .tag { color:#070 }
+.CodeRay .tag-fat { color:#070; font-weight:bold }
+.CodeRay .tag-special { color:#D70; font-weight:bold }
+.CodeRay .type { color:#339; font-weight:bold }
+.CodeRay .variable { color:#036 }
+.CodeRay .xml-text { color:#444 }
+
+.CodeRay .insert { background: #afa; }
+.CodeRay .delete { background: #faa; }
+.CodeRay .change { color: #aaf; background: #007; }
+.CodeRay .head { color: #f8f; background: #505 }
+
+.CodeRay .insert .insert { color: #080; font-weight:bold }
+.CodeRay .delete .delete { color: #800; font-weight:bold }
+.CodeRay .change .change { color: #66f; }
+.CodeRay .head .head { color: #f4f; }
Please sign in to comment.
Something went wrong with that request. Please try again.