stylesheets/partials/_syntax.sass
16aab4ab
 .code_window
   +border-top-radius(5px)
   +border-bottom-radius(2px)
76b8b8ca
   background: #aaaaaa image-url("code_bg.png") top repeat-x
16aab4ab
   position: relative
76b8b8ca
   margin: 0.3em 0 1.3em
16aab4ab
   padding: 0 3px 3px
   font-size: 14px
   border: 1px solid #898989
   border-top-color: #cbcbcb
   border-left-color: #a5a5a5
   border-right-color: #a5a5a5
   em
     text-align: center
76b8b8ca
     +text-shadow(#cccccc, 1px, 1px, 1px)
16aab4ab
     display: block
     padding: 1px 0
76b8b8ca
     color: #333333
16aab4ab
     font-style: normal
     +sans-font
   .highlight
     margin: 0
76b8b8ca
 
e254943f
 pre
76b8b8ca
   color: #cccccc
e254943f
   font-size: 13px
76b8b8ca
   background: #222222
1eddd60a
   line-height: 1.5em
76b8b8ca
   border: #aaaaaa 1px solid
e254943f
   overflow-x: auto
61d4099e
   overflow-y: hidden
1eddd60a
   padding: 25px 20px
e254943f
   .lineno
76b8b8ca
     color: #888888
e254943f
     background: #e3e3e3
     display: inline-block
1eddd60a
     padding: 0 0 0 10px
e254943f
     &:first-child
1eddd60a
       padding-top: 15px
       display: inline-block
 
 .highlight
   position: relative
   .pre_expander
     +mono-font
     font-size: 10px
     text-align: right
     padding: 4px 8px
     line-height: 150%
     position: absolute
     cursor: pointer
     top: 2px
     right: 2px
     +border-bottom-left-radius
     display: block
76b8b8ca
     color: #777777
     background: #333333
1eddd60a
     &:hover
76b8b8ca
       background: #444444
       color: #cccccc
e254943f
 
 // based on: http://github.com/mojombo/tpw/raw/master/css/syntax.css
 .editor
76b8b8ca
   background: rgb(0, 22, 41)
e254943f
   line-height: 1.25
 
 pre.console
   background-color: black
76b8b8ca
   color: lighten(green, 25)
e254943f
   letter-spacing: 1px
   padding: 0.5em
   .prompt
76b8b8ca
     color: lighten(navy, 50)
e254943f
     &:before
76b8b8ca
       color: white
e254943f
       content: "["
     &:after
76b8b8ca
       color: white
e254943f
       content: "]"
   .stdin
     font-weight: bold
76b8b8ca
     color: lighten(green, 75)
e254943f
 
 .highlight
1eddd60a
   padding: 0 0 0.1em
e254943f
   color: white
   // Comment
   .c
     color: #999988
     font-style: italic
   // Error
   .err
     color: #a61717
     background-color: #e3d2d2
   // Name
   .n
     color: white
   // Keyword
   .k
     color: rgb(255, 157, 0)
   // Paren
   .p
76b8b8ca
     color: darken(#ff9d00, 33)
e254943f
   // Operator
   .o
     color: rgb(255, 157, 0)
   // Comment.Multiline
   .cm
     color: #999988
     font-style: italic
   // Comment.Preproc
   .cp
     color: #999999
   // Comment.Single
   .c1
     color: #999988
     font-style: italic
   // Comment.Special
   .cs
     color: #999999
     font-style: italic
   // Generic.Deleted
   .gd
76b8b8ca
     color: black
e254943f
     background-color: #ffdddd
   // Generic.Deleted.Specific
   .gd .x
76b8b8ca
     color: black
e254943f
     background-color: #ffaaaa
   // Generic.Emph
   .ge
     font-style: italic
   // Generic.Error
   .gr
     color: #aa0000
   // Generic.Heading
   .gh
     color: #999999
   // Generic.Inserted
   .gi
76b8b8ca
     color: black
e254943f
     background-color: #ddffdd
   // Generic.Inserted.Specific
   .gi .x
76b8b8ca
     color: black
e254943f
     background-color: #aaffaa
   // Generic.Output
   .go
     color: #888888
   // Generic.Prompt
   .gp
     color: #555555
   // Generic.Strong
   .gs
     color: white
   // Generic.Subheading
   .gu
     color: #aaaaaa
   // Generic.Traceback
   .gt
     color: #aa0000
   // Keyword.Constant
   .kc
     color: white
   // Keyword.Declaration
   .kd
     color: white
   // Keyword.Pseudo
   .kp
     color: white
   // Keyword.Reserved
   .kr
     color: white
   // Keyword.Type
   .kt
     color: #445588
   // Literal.Number
   .m
     color: rgb(255, 98, 140)
   // Literal.String
   .s
76b8b8ca
     color: #dd1144
e254943f
   // Name.Attribute
   .na
76b8b8ca
     color: teal
e254943f
   // Name.Builtin
   .nb
76b8b8ca
     color: darken(rgb(128, 255, 187), 20)
e254943f
   // Name.Class
   .nc
76b8b8ca
     color: darken(rgb(128, 255, 187), 20)
e254943f
   // Name.Constant
   .no
     color: rgb(128, 255, 187)
   // Name.Entity
   .ni
76b8b8ca
     color: purple
e254943f
   // Name.Exception
   .ne
76b8b8ca
     color: rgb(255, 221, 0)
e254943f
   // Name.Function
   .nf
76b8b8ca
     color: rgb(255, 221, 0)
e254943f
   // Name.Namespace
   .nn
     color: #555555
   // Name.Tag
   .nt
     color: white
   // Name.Variable
   .nv
76b8b8ca
     color: teal
e254943f
   // Operator.Word
   .ow
     color: white
   // Text.Whitespace
   .w
     color: #bbbbbb
   // Literal.Number
   .nl
     color: rgb(255, 98, 140)
   // Literal.Number.Float
   .mf
     color: rgb(255, 98, 140)
   // Literal.Number.Hex
   .mh
     color: rgb(255, 98, 140)
   // Literal.Number.Integer
   .mi
     color: rgb(255, 98, 140)
   // Literal.Number.Oct
   .mo
     color: rgb(255, 98, 140)
   // Literal.String.Backtick
   .sb
76b8b8ca
     color: rgb(58, 217, 0)
e254943f
   // Literal.String.Char
   .sc
76b8b8ca
     color: rgb(58, 217, 0)
e254943f
   // Literal.String.Doc
   .sd
76b8b8ca
     color: rgb(58, 217, 0)
e254943f
   // Literal.String.Double
   .s2
76b8b8ca
     color: rgb(58, 217, 0)
e254943f
   // Literal.String.Escape
   .se
76b8b8ca
     color: rgb(58, 217, 0)
e254943f
   // Literal.String.Heredoc
   .sh
76b8b8ca
     color: rgb(58, 217, 0)
e254943f
   // Literal.String.Interpol
   .si
76b8b8ca
     color: rgb(158, 255, 128)
e254943f
   // Literal.String.Other
   .sx
76b8b8ca
     color: rgb(58, 217, 0)
e254943f
   // Literal.String.Regex
   .sr
     color: #009926
   // Literal.String.Single
   .s1
76b8b8ca
     color: rgb(58, 217, 0)
e254943f
   // Literal.String.Symbol
   .ss
     color: rgb(255, 98, 140)
   // Name.Builtin.Pseudo
   .bp
     color: #999999
   // Name.Variable.Class
   .vc
76b8b8ca
     color: teal
e254943f
   // Name.Variable.Global
   .vg
76b8b8ca
     color: teal
e254943f
   // Name.Variable.Instance
   .vi
76b8b8ca
     color: teal
e254943f
   // Literal.Number.Integer.Long
   .il
     color: rgb(255, 98, 140)