2018-02-20 18:00:08 +08:00
/ *
Name : Base16 Atelier Sulphurpool Light
Author : Bram de Haan ( http : / / atelierbram . github . io / syntax-highlighting / atelier-schemes / sulphurpool )
Prism template by Bram de Haan ( http : / / atelierbram . github . io / syntax-highlighting / prism / )
Original Base16 color scheme by Chris Kempson ( https : / / github . com / chriskempson / base16 )
* /
code [ class * = "language-" ] ,
pre [ class * = "language-" ] {
2019-10-08 09:57:05 +08:00
font-family : Consolas , Menlo , Monaco , "Andale Mono WT" , "Andale Mono" , "Lucida Console" , "Lucida Sans Typewriter" , "DejaVu Sans Mono" , "Bitstream Vera Sans Mono" , "Liberation Mono" , "Nimbus Mono L" , "Courier New" , Courier , monospace ;
font-size : 14px ;
line-height : 1 . 375 ;
direction : ltr ;
text-align : left ;
white-space : pre ;
word-spacing : normal ;
word-break : normal ;
-moz-tab-size : 4 ;
-o-tab-size : 4 ;
tab-size : 4 ;
-webkit-hyphens : none ;
-moz-hyphens : none ;
-ms-hyphens : none ;
hyphens : none ;
background : # f5f7ff ;
color : # 5e6687 ;
}
pre > code [ class * = "language-" ] {
font-size : 1em ;
2018-02-20 18:00:08 +08:00
}
pre [ class * = "language-" ] :: -moz-selection , pre [ class * = "language-" ] :: -moz-selection ,
code [ class * = "language-" ] :: -moz-selection , code [ class * = "language-" ] :: -moz-selection {
2019-10-08 09:57:05 +08:00
text-shadow : none ;
background : # dfe2f1 ;
2018-02-20 18:00:08 +08:00
}
pre [ class * = "language-" ] :: selection , pre [ class * = "language-" ] :: selection ,
code [ class * = "language-" ] :: selection , code [ class * = "language-" ] :: selection {
2019-10-08 09:57:05 +08:00
text-shadow : none ;
background : # dfe2f1 ;
2018-02-20 18:00:08 +08:00
}
/* Code blocks */
pre [ class * = "language-" ] {
2019-10-08 09:57:05 +08:00
padding : 1em ;
margin : . 5em 0 ;
overflow : auto ;
2018-02-20 18:00:08 +08:00
}
/* Inline code */
: not ( pre ) > code [ class * = "language-" ] {
2019-10-08 09:57:05 +08:00
padding : . 1em ;
border-radius : . 3em ;
2018-02-20 18:00:08 +08:00
}
. token . comment ,
. token . prolog ,
. token . doctype ,
. token . cdata {
2019-10-08 09:57:05 +08:00
color : # 898ea4 ;
2018-02-20 18:00:08 +08:00
}
. token . punctuation {
2019-10-08 09:57:05 +08:00
color : # 5e6687 ;
2018-02-20 18:00:08 +08:00
}
. token . namespace {
2019-10-08 09:57:05 +08:00
opacity : . 7 ;
2018-02-20 18:00:08 +08:00
}
. token . operator ,
. token . boolean ,
. token . number {
2019-10-08 09:57:05 +08:00
color : # c76b29 ;
2018-02-20 18:00:08 +08:00
}
. token . property {
2019-10-08 09:57:05 +08:00
color : # c08b30 ;
2018-02-20 18:00:08 +08:00
}
. token . tag {
2019-10-08 09:57:05 +08:00
color : # 3d8fd1 ;
2018-02-20 18:00:08 +08:00
}
. token . string {
2019-10-08 09:57:05 +08:00
color : # 22a2c9 ;
2018-02-20 18:00:08 +08:00
}
. token . selector {
2019-10-08 09:57:05 +08:00
color : # 6679cc ;
2018-02-20 18:00:08 +08:00
}
. token . attr-name {
2019-10-08 09:57:05 +08:00
color : # c76b29 ;
2018-02-20 18:00:08 +08:00
}
. token . entity ,
. token . url ,
. language-css . token . string ,
. style . token . string {
2019-10-08 09:57:05 +08:00
color : # 22a2c9 ;
2018-02-20 18:00:08 +08:00
}
. token . attr-value ,
. token . keyword ,
. token . control ,
. token . directive ,
. token . unit {
2019-10-08 09:57:05 +08:00
color : # ac9739 ;
2018-02-20 18:00:08 +08:00
}
. token . statement ,
. token . regex ,
. token . atrule {
2019-10-08 09:57:05 +08:00
color : # 22a2c9 ;
2018-02-20 18:00:08 +08:00
}
. token . placeholder ,
. token . variable {
2019-10-08 09:57:05 +08:00
color : # 3d8fd1 ;
2018-02-20 18:00:08 +08:00
}
. token . deleted {
2019-10-08 09:57:05 +08:00
text-decoration : line-through ;
2018-02-20 18:00:08 +08:00
}
. token . inserted {
2019-10-08 09:57:05 +08:00
border-bottom : 1px dotted # 202746 ;
text-decoration : none ;
2018-02-20 18:00:08 +08:00
}
. token . italic {
2019-10-08 09:57:05 +08:00
font-style : italic ;
2018-02-20 18:00:08 +08:00
}
. token . important ,
. token . bold {
2019-10-08 09:57:05 +08:00
font-weight : bold ;
2018-02-20 18:00:08 +08:00
}
. token . important {
2019-10-08 09:57:05 +08:00
color : # c94922 ;
2018-02-20 18:00:08 +08:00
}
. token . entity {
2019-10-08 09:57:05 +08:00
cursor : help ;
2018-02-20 18:00:08 +08:00
}
pre > code . highlight {
2019-10-08 09:57:05 +08:00
outline : 0 . 4em solid # c94922 ;
outline-offset : . 4em ;
2018-02-20 18:00:08 +08:00
}
/ * overrides color-values for the Line Numbers plugin
* http : / / prismjs . com / plugins / line-numbers /
* /
. line-numbers . line-numbers-rows {
2019-10-08 09:57:05 +08:00
border-right-color : # dfe2f1 ;
2018-02-20 18:00:08 +08:00
}
. line-numbers-rows > span : before {
2019-10-08 09:57:05 +08:00
color : # 979db4 ;
2018-02-20 18:00:08 +08:00
}
/ * overrides color-values for the Line Highlight plugin
* http : / / prismjs . com / plugins / line-highlight /
* /
. line-highlight {
2019-10-08 09:57:05 +08:00
background : rgba ( 107 , 115 , 148 , 0 . 2 ) ;
background : -webkit-linear-gradient ( left , rgba ( 107 , 115 , 148 , 0 . 2 ) 70 % , rgba ( 107 , 115 , 148 , 0 ) ) ;
background : linear-gradient ( to right , rgba ( 107 , 115 , 148 , 0 . 2 ) 70 % , rgba ( 107 , 115 , 148 , 0 ) ) ;
2018-02-20 18:00:08 +08:00
}