Difference between revisions of "MediaWiki:Geshi.css"

(Created page with "CSS placed here will be applied to GeSHi syntax highlighting: div.mw-geshi { background-color: darken($body-bg, 4%); border: 1px solid darken($body-bg, 6%); margin...")
 
 
(5 intermediate revisions by the same user not shown)
Line 2: Line 2:
  
 
div.mw-geshi {
 
div.mw-geshi {
   background-color: darken($body-bg, 4%);
+
   background: #f5f5f5;
   border: 1px solid darken($body-bg, 6%);
+
   border: 1px solid #ccc;
   margin: 0;
+
   border-left: 6px solid #558abb;
+
   border-radius: 3px;
   pre {
+
  overflow-x: auto;
    color: #ffc974;
+
   padding: 5px 10px;
    line-height: 1.5em;
+
   word-wrap: normal;
    padding: 0;
+
   font-family: Consolas,Menlo,"Liberation Mono",Courier,monospace;
    background: darken($body-bg, 4%);
+
}
    border: 0;
+
 
   }
+
span.mw-geshi {
+
   background: #f5f5f5;
  pre ol {
+
   border: 1px solid #ccc;
    list-style: decimal;
+
   border-radius: 3px;
    list-style-position: outside;
+
   padding: 1px 5px;
    padding: 0;
 
    margin: 0;
 
   }
 
 
  pre ol li {
 
    margin: 0 0 0 35px;
 
    padding: 0;
 
    color: $text-color;
 
    clear: none;
 
   }
 
 
  pre ol li div {
 
    color: $text-color;
 
  }
 
 
  code {
 
    background-color: darken($body-bg, 4%);
 
    color: #ffc974;
 
  }
 
 
  .st_h {
 
    color: #689b5d;
 
  }
 
 
  .li1 {
 
    background: #202021;
 
  }
 
 
  .co1,
 
  .coMULTI {
 
    color: darken($text-color, 15%);
 
  }
 
  .co0,
 
  .co4 {
 
    color: #689b5d;
 
  }
 
 
  .me1 {
 
    color: $text-color;
 
  }
 
 
  .me0 {
 
    @extend .me1;
 
   }
 
 
  .me2 {
 
    @extend .me1;
 
  }
 
 
  .br0 {
 
    color: #90b6ca;
 
   }
 
 
  .st0 {
 
    color: #8F9657;
 
   }
 
 
  .kw1 {
 
    color: #d28039;
 
   }
 
 
  .kw2 {
 
    @extend .kw1;
 
  }
 
 
  .kw3 {
 
    @extend .kw1;
 
  }
 
 
  .nu0 {
 
    color: #CF6745;
 
  }
 
 
  .re0 {
 
    color: #9f80b0;
 
  }
 
 
  [lang=css] .kw2,
 
  .css .kw2 {
 
    color: #F9EE7E;
 
  }
 
 
  .re1 {
 
    color: #96703D;
 
  }
 
 
  [lang=css] .re3,
 
  .css .re3 {
 
    color: #CA7840;
 
  }
 
 
  [lang=javascript] .me1,
 
  .javascript .me1 {
 
    color: #505e80;
 
  }
 
 
}
 
}

Latest revision as of 21:48, 2 August 2015

/* CSS placed here will be applied to GeSHi syntax highlighting */

div.mw-geshi {
  background: #f5f5f5;
  border: 1px solid #ccc;
  border-left: 6px solid #558abb;
  border-radius: 3px;
  overflow-x: auto;
  padding: 5px 10px;
  word-wrap: normal;
  font-family: Consolas,Menlo,"Liberation Mono",Courier,monospace;
}

span.mw-geshi {
  background: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 1px 5px;
}