Initial website

This commit is contained in:
Deon George
2018-09-03 17:41:16 +10:00
commit fd1bd20c85
238 changed files with 20819 additions and 0 deletions

View File

@@ -0,0 +1,57 @@
$block-caption
&, a
text-decoration: none
text-transform: uppercase
color: color-default + #111
line-height: 1em
text-shadow: 0 1px #fff
$base-style
h1
font-size: 2em
h2
font-size: 1.5em
h3
font-size: 1.3em
h4
font-size: 1.2em
h5
font-size: 1em
h6
font-size: 1em
color: color-grey
hr
border: 1px dashed color-border
strong
font-weight: bold
em, cite
font-style: italic
sup, sub
font-size: 0.75em
line-height: 0
position: relative
vertical-align: baseline
sup
top: -0.5em
sub
bottom: -0.2em
small
font-size: 0.85em
acronym, abbr
border-bottom: 1px dotted
ul, ol, dl
line-height: line-height
ul, ol
ul, ol
margin-top: 0
margin-bottom: 0
margin-left: 20px
ul
list-style: disc
list-style-position: inside
ol
list-style: decimal
list-style-position: inside
dt
font-weight: bold
list-style-position: inside

View File

@@ -0,0 +1,89 @@
/*!
* Agate by Taufik Nurrohman <https://github.com/tovic>
* ----------------------------------------------------
*
* #ade5fc
* #a2fca2
* #c6b4f0
* #d36363
* #fcc28c
* #fc9b9b
* #ffa
* #fff
* #333
* #62c8f3
* #888
*
*/
.highlight
color: white
background: #333
.code
.name,
.strong
font-weight: bold
.code,
.emphasis
font-style: italic
.tag
color: #62c8f3
.variable,
.template-variable,
.selector-id,
.selector-class
color: #ade5fc
.string,
.bullet
color: #a2fca2
.type,
.title,
.section,
.attribute,
.quote,
.built_in,
.builtin-name
color: #ffa
.number,
.symbol,
.bullet
color: #d36363
.keyword,
.selector-tag,
.literal
color: #fcc28c
.comment,
.deletion,
.code
color: #888
.regexp,
.link
color: #c6b4f0
.meta
color: #fc9b9b
.deletion
background-color: #fc9b9b
color: #333
.addition
background-color: #a2fca2
color: #333
.highlight a
color: inherit
.highlight a:focus,
.highlight a:hover
color: inherit
text-decoration: underline

View File

@@ -0,0 +1,52 @@
/*
Date: 24 Fev 2015
Author: Pedro Oliveira <kanytu@gmail . com>
*/
.highlight
color: #a9b7c6
background: #282b2e
.code
.number,
.literal,
.symbol,
.bullet
color: #6897BB
.keyword,
.selector-tag,
.deletion
color: #cc7832
.variable,
.template-variable,
.link
color: #629755
.comment,
.quote
color: #808080
.meta
color: #bbb529
.string,
.attribute,
.addition
color: #6A8759
.section,
.title,
.type
color: #ffc66d
.name,
.selector-id,
.selector-class
color: #e8bf6a
.emphasis
font-style: italic
.strong
font-weight: bold

View File

@@ -0,0 +1,71 @@
/*
Arduino® Light Theme - Stefania Mellai <s.mellai@arduino.cc>
*/
.highlight
color: #434f54
background: #FFFFFF
.code
.subst
color: #434f54
.keyword,
.attribute,
.selector-tag,
.doctag,
.name
color: #00979D
.built_in,
.literal,
.bullet,
.code,
.addition
color: #D35400
.regexp,
.symbol,
.variable,
.template-variable,
.link,
.selector-attr,
.selector-pseudo
color: #00979D
.type,
.string,
.selector-id,
.selector-class,
.quote,
.template-tag,
.deletion
color: #005C5F
.title,
.section
color: #880000
font-weight: bold
.comment
color: rgba(149,165,166,.8)
.meta-keyword
color: #728E00
.meta
color: #728E00
color: #434f54
.emphasis
font-style: italic
.strong
font-weight: bold
.function
color: #728E00
.number
color: #8A7B52

View File

@@ -0,0 +1,59 @@
/*
Date: 17.V.2011
Author: pumbur <pumbur@pumbur.net>
*/
.highlight
color: #aaa
background: #222
.code
.subst
color: #aaa
.section
color: #fff
.comment,
.quote,
.meta
color: #444
.string,
.symbol,
.bullet,
.regexp
color: #ffcc33
.number,
.addition
color: #00cc66
.built_in,
.builtin-name,
.literal,
.type,
.template-variable,
.attribute,
.link
color: #32aaee
.keyword,
.selector-tag,
.name,
.selector-id,
.selector-class
color: #6644aa
.title,
.variable,
.deletion,
.template-tag
color: #bb1166
.section,
.doctag,
.strong
font-weight: bold
.emphasis
font-style: italic

View File

@@ -0,0 +1,37 @@
/*
Original style from softwaremaniacs.org (c) Ivan Sagalaev <Maniac@SoftwareManiacs.Org>
*/
.highlight
color: black
background: white
.code
.string,
.variable,
.template-variable,
.symbol,
.bullet,
.section,
.addition,
.attribute,
.link
color: #888
.comment,
.quote,
.meta,
.deletion
color: #ccc
.keyword,
.selector-tag,
.section,
.name,
.type,
.strong
font-weight: bold
.emphasis
font-style: italic

View File

@@ -0,0 +1,68 @@
/* Base16 Atelier Cave Dark - Theme */
/* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/cave) */
/* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
.highlight
color: #8b8792
background: #19171c
.code
/* Atelier-Cave Comment */
.comment,
.quote
color: #7e7887
/* Atelier-Cave Red */
.variable,
.template-variable,
.attribute,
.regexp,
.link,
.tag,
.name,
.selector-id,
.selector-class
color: #be4678
/* Atelier-Cave Orange */
.number,
.meta,
.built_in,
.builtin-name,
.literal,
.type,
.params
color: #aa573c
/* Atelier-Cave Green */
.string,
.symbol,
.bullet
color: #2a9292
/* Atelier-Cave Blue */
.title,
.section
color: #576ddb
/* Atelier-Cave Purple */
.keyword,
.selector-tag
color: #955ae7
.deletion,
.addition
color: #19171c
display: inline-block
width: 100%
.deletion
background-color: #be4678
.addition
background-color: #2a9292
.emphasis
font-style: italic
.strong
font-weight: bold

View File

@@ -0,0 +1,70 @@
/* Base16 Atelier Cave Light - Theme */
/* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/cave) */
/* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
.highlight
color: #585260
background: #efecf4
.code
/* Atelier-Cave Comment */
.comment,
.quote
color: #655f6d
/* Atelier-Cave Red */
.variable,
.template-variable,
.attribute,
.tag,
.name,
.regexp,
.link,
.name,
.name,
.selector-id,
.selector-class
color: #be4678
/* Atelier-Cave Orange */
.number,
.meta,
.built_in,
.builtin-name,
.literal,
.type,
.params
color: #aa573c
/* Atelier-Cave Green */
.string,
.symbol,
.bullet
color: #2a9292
/* Atelier-Cave Blue */
.title,
.section
color: #576ddb
/* Atelier-Cave Purple */
.keyword,
.selector-tag
color: #955ae7
.deletion,
.addition
color: #19171c
display: inline-block
width: 100%
.deletion
background-color: #be4678
.addition
background-color: #2a9292
.emphasis
font-style: italic
.strong
font-weight: bold

View File

@@ -0,0 +1,57 @@
/* Base16 Atelier Dune Dark - Theme */
/* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/dune) */
/* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
.highlight
color: #a6a28c
background: #20201d
.code
/* Atelier-Dune Comment */
.comment,
.quote
color: #999580
/* Atelier-Dune Red */
.variable,
.template-variable,
.attribute,
.tag,
.name,
.regexp,
.link,
.name,
.selector-id,
.selector-class
color: #d73737
/* Atelier-Dune Orange */
.number,
.meta,
.built_in,
.builtin-name,
.literal,
.type,
.params
color: #b65611
/* Atelier-Dune Green */
.string,
.symbol,
.bullet
color: #60ac39
/* Atelier-Dune Blue */
.title,
.section
color: #6684e1
/* Atelier-Dune Purple */
.keyword,
.selector-tag
color: #b854d4
.emphasis
font-style: italic
.strong
font-weight: bold

View File

@@ -0,0 +1,64 @@
/* Base16 Atelier Dune Light - Theme */
/* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/dune) */
/* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
.highlight
color: #6e6b5e
background: #fefbec
.code
/* Atelier-Dune Comment */
.comment,
.quote
color: #7d7a68
/* Atelier-Dune Red */
.variable,
.template-variable,
.attribute,
.tag,
.name,
.regexp,
.link,
.name,
.selector-id,
.selector-class
color: #d73737
/* Atelier-Dune Orange */
.number,
.meta,
.built_in,
.builtin-name,
.literal,
.type,
.params
color: #b65611
/* Atelier-Dune Green */
.string,
.symbol,
.bullet
color: #60ac39
/* Atelier-Dune Blue */
.title,
.section
color: #6684e1
/* Atelier-Dune Purple */
.keyword,
.selector-tag
color: #b854d4
.highlight
display: block
overflow-x: auto
background: #fefbec
color: #6e6b5e
padding: 0.5em
.emphasis
font-style: italic
.strong
font-weight: bold

View File

@@ -0,0 +1,69 @@
/* Base16 Atelier Estuary Dark - Theme */
/* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/estuary) */
/* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
.highlight
color: #929181
background: #22221b
.code
/* Atelier-Estuary Comment */
.comment,
.quote
color: #878573
/* Atelier-Estuary Red */
.variable,
.template-variable,
.attribute,
.tag,
.name,
.regexp,
.link,
.name,
.selector-id,
.selector-class
color: #ba6236
/* Atelier-Estuary Orange */
.number,
.meta,
.built_in,
.builtin-name,
.literal,
.type,
.params
color: #ae7313
/* Atelier-Estuary Green */
.string,
.symbol,
.bullet
color: #7d9726
/* Atelier-Estuary Blue */
.title,
.section
color: #36a166
/* Atelier-Estuary Purple */
.keyword,
.selector-tag
color: #5f9182
.deletion,
.addition
color: #22221b
display: inline-block
width: 100%
.deletion
background-color: #ba6236
.addition
background-color: #7d9726
.emphasis
font-style: italic
.strong
font-weight: bold

View File

@@ -0,0 +1,69 @@
/* Base16 Atelier Estuary Light - Theme */
/* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/estuary) */
/* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
.highlight
color: #5f5e4e
background: #f4f3ec
.code
/* Atelier-Estuary Comment */
.comment,
.quote
color: #6c6b5a
/* Atelier-Estuary Red */
.variable,
.template-variable,
.attribute,
.tag,
.name,
.regexp,
.link,
.name,
.selector-id,
.selector-class
color: #ba6236
/* Atelier-Estuary Orange */
.number,
.meta,
.built_in,
.builtin-name,
.literal,
.type,
.params
color: #ae7313
/* Atelier-Estuary Green */
.string,
.symbol,
.bullet
color: #7d9726
/* Atelier-Estuary Blue */
.title,
.section
color: #36a166
/* Atelier-Estuary Purple */
.keyword,
.selector-tag
color: #5f9182
.deletion,
.addition
color: #22221b
display: inline-block
width: 100%
.deletion
background-color: #ba6236
.addition
background-color: #7d9726
.emphasis
font-style: italic
.strong
font-weight: bold

View File

@@ -0,0 +1,57 @@
/* Base16 Atelier Forest Dark - Theme */
/* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/forest) */
/* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
.highlight
color: #a8a19f
background: #1b1918
.code
/* Atelier-Forest Comment */
.comment,
.quote
color: #9c9491
/* Atelier-Forest Red */
.variable,
.template-variable,
.attribute,
.tag,
.name,
.regexp,
.link,
.name,
.selector-id,
.selector-class
color: #f22c40
/* Atelier-Forest Orange */
.number,
.meta,
.built_in,
.builtin-name,
.literal,
.type,
.params
color: #df5320
/* Atelier-Forest Green */
.string,
.symbol,
.bullet
color: #7b9726
/* Atelier-Forest Blue */
.title,
.section
color: #407ee7
/* Atelier-Forest Purple */
.keyword,
.selector-tag
color: #6666ea
.emphasis
font-style: italic
.strong
font-weight: bold

View File

@@ -0,0 +1,57 @@
/* Base16 Atelier Forest Light - Theme */
/* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/forest) */
/* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
.highlight
color: #68615e
background: #f1efee
.code
/* Atelier-Forest Comment */
.comment,
.quote
color: #766e6b
/* Atelier-Forest Red */
.variable,
.template-variable,
.attribute,
.tag,
.name,
.regexp,
.link,
.name,
.selector-id,
.selector-class
color: #f22c40
/* Atelier-Forest Orange */
.number,
.meta,
.built_in,
.builtin-name,
.literal,
.type,
.params
color: #df5320
/* Atelier-Forest Green */
.string,
.symbol,
.bullet
color: #7b9726
/* Atelier-Forest Blue */
.title,
.section
color: #407ee7
/* Atelier-Forest Purple */
.keyword,
.selector-tag
color: #6666ea
.emphasis
font-style: italic
.strong
font-weight: bold

View File

@@ -0,0 +1,57 @@
/* Base16 Atelier Heath Dark - Theme */
/* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/heath) */
/* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
.highlight
color: #ab9bab
background: #1b181b
.code
/* Atelier-Heath Comment */
.comment,
.quote
color: #9e8f9e
/* Atelier-Heath Red */
.variable,
.template-variable,
.attribute,
.tag,
.name,
.regexp,
.link,
.name,
.selector-id,
.selector-class
color: #ca402b
/* Atelier-Heath Orange */
.number,
.meta,
.built_in,
.builtin-name,
.literal,
.type,
.params
color: #a65926
/* Atelier-Heath Green */
.string,
.symbol,
.bullet
color: #918b3b
/* Atelier-Heath Blue */
.title,
.section
color: #516aec
/* Atelier-Heath Purple */
.keyword,
.selector-tag
color: #7b59c0
.emphasis
font-style: italic
.strong
font-weight: bold

View File

@@ -0,0 +1,57 @@
/* Base16 Atelier Heath Light - Theme */
/* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/heath) */
/* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
.highlight
color: #695d69
background: #f7f3f7
.code
/* Atelier-Heath Comment */
.comment,
.quote
color: #776977
/* Atelier-Heath Red */
.variable,
.template-variable,
.attribute,
.tag,
.name,
.regexp,
.link,
.name,
.selector-id,
.selector-class
color: #ca402b
/* Atelier-Heath Orange */
.number,
.meta,
.built_in,
.builtin-name,
.literal,
.type,
.params
color: #a65926
/* Atelier-Heath Green */
.string,
.symbol,
.bullet
color: #918b3b
/* Atelier-Heath Blue */
.title,
.section
color: #516aec
/* Atelier-Heath Purple */
.keyword,
.selector-tag
color: #7b59c0
.emphasis
font-style: italic
.strong
font-weight: bold

View File

@@ -0,0 +1,57 @@
/* Base16 Atelier Lakeside Dark - Theme */
/* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/lakeside) */
/* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
.highlight
color: #7ea2b4
background: #161b1d
.code
/* Atelier-Lakeside Comment */
.comment,
.quote
color: #7195a8
/* Atelier-Lakeside Red */
.variable,
.template-variable,
.attribute,
.tag,
.name,
.regexp,
.link,
.name,
.selector-id,
.selector-class
color: #d22d72
/* Atelier-Lakeside Orange */
.number,
.meta,
.built_in,
.builtin-name,
.literal,
.type,
.params
color: #935c25
/* Atelier-Lakeside Green */
.string,
.symbol,
.bullet
color: #568c3b
/* Atelier-Lakeside Blue */
.title,
.section
color: #257fad
/* Atelier-Lakeside Purple */
.keyword,
.selector-tag
color: #6b6bb8
.emphasis
font-style: italic
.strong
font-weight: bold

View File

@@ -0,0 +1,57 @@
/* Base16 Atelier Lakeside Light - Theme */
/* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/lakeside) */
/* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
.highlight
color: #516d7b
background: #ebf8ff
.code
/* Atelier-Lakeside Comment */
.comment,
.quote
color: #5a7b8c
/* Atelier-Lakeside Red */
.variable,
.template-variable,
.attribute,
.tag,
.name,
.regexp,
.link,
.name,
.selector-id,
.selector-class
color: #d22d72
/* Atelier-Lakeside Orange */
.number,
.meta,
.built_in,
.builtin-name,
.literal,
.type,
.params
color: #935c25
/* Atelier-Lakeside Green */
.string,
.symbol,
.bullet
color: #568c3b
/* Atelier-Lakeside Blue */
.title,
.section
color: #257fad
/* Atelier-Lakeside Purple */
.keyword,
.selector-tag
color: #6b6bb8
.emphasis
font-style: italic
.strong
font-weight: bold

View File

@@ -0,0 +1,69 @@
/* Base16 Atelier Plateau Dark - Theme */
/* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/plateau) */
/* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
.highlight
color: #8a8585
background: #1b1818
.code
/* Atelier-Plateau Comment */
.comment,
.quote
color: #7e7777
/* Atelier-Plateau Red */
.variable,
.template-variable,
.attribute,
.tag,
.name,
.regexp,
.link,
.name,
.selector-id,
.selector-class
color: #ca4949
/* Atelier-Plateau Orange */
.number,
.meta,
.built_in,
.builtin-name,
.literal,
.type,
.params
color: #b45a3c
/* Atelier-Plateau Green */
.string,
.symbol,
.bullet
color: #4b8b8b
/* Atelier-Plateau Blue */
.title,
.section
color: #7272ca
/* Atelier-Plateau Purple */
.keyword,
.selector-tag
color: #8464c4
.deletion,
.addition
color: #1b1818
display: inline-block
width: 100%
.deletion
background-color: #ca4949
.addition
background-color: #4b8b8b
.emphasis
font-style: italic
.strong
font-weight: bold

View File

@@ -0,0 +1,69 @@
/* Base16 Atelier Plateau Light - Theme */
/* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/plateau) */
/* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
.highlight
color: #585050
background: #f4ecec
.code
/* Atelier-Plateau Comment */
.comment,
.quote
color: #655d5d
/* Atelier-Plateau Red */
.variable,
.template-variable,
.attribute,
.tag,
.name,
.regexp,
.link,
.name,
.selector-id,
.selector-class
color: #ca4949
/* Atelier-Plateau Orange */
.number,
.meta,
.built_in,
.builtin-name,
.literal,
.type,
.params
color: #b45a3c
/* Atelier-Plateau Green */
.string,
.symbol,
.bullet
color: #4b8b8b
/* Atelier-Plateau Blue */
.title,
.section
color: #7272ca
/* Atelier-Plateau Purple */
.keyword,
.selector-tag
color: #8464c4
.deletion,
.addition
color: #1b1818
display: inline-block
width: 100%
.deletion
background-color: #ca4949
.addition
background-color: #4b8b8b
.emphasis
font-style: italic
.strong
font-weight: bold

View File

@@ -0,0 +1,69 @@
/* Base16 Atelier Savanna Dark - Theme */
/* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/savanna) */
/* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
.highlight
color: #87928a
background: #171c19
.code
/* Atelier-Savanna Comment */
.comment,
.quote
color: #78877d
/* Atelier-Savanna Red */
.variable,
.template-variable,
.attribute,
.tag,
.name,
.regexp,
.link,
.name,
.selector-id,
.selector-class
color: #b16139
/* Atelier-Savanna Orange */
.number,
.meta,
.built_in,
.builtin-name,
.literal,
.type,
.params
color: #9f713c
/* Atelier-Savanna Green */
.string,
.symbol,
.bullet
color: #489963
/* Atelier-Savanna Blue */
.title,
.section
color: #478c90
/* Atelier-Savanna Purple */
.keyword,
.selector-tag
color: #55859b
.deletion,
.addition
color: #171c19
display: inline-block
width: 100%
.deletion
background-color: #b16139
.addition
background-color: #489963
.emphasis
font-style: italic
.strong
font-weight: bold

View File

@@ -0,0 +1,69 @@
/* Base16 Atelier Savanna Light - Theme */
/* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/savanna) */
/* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
.highlight
color: #526057
background: #ecf4ee
.code
/* Atelier-Savanna Comment */
.comment,
.quote
color: #5f6d64
/* Atelier-Savanna Red */
.variable,
.template-variable,
.attribute,
.tag,
.name,
.regexp,
.link,
.name,
.selector-id,
.selector-class
color: #b16139
/* Atelier-Savanna Orange */
.number,
.meta,
.built_in,
.builtin-name,
.literal,
.type,
.params
color: #9f713c
/* Atelier-Savanna Green */
.string,
.symbol,
.bullet
color: #489963
/* Atelier-Savanna Blue */
.title,
.section
color: #478c90
/* Atelier-Savanna Purple */
.keyword,
.selector-tag
color: #55859b
.deletion,
.addition
color: #171c19
display: inline-block
width: 100%
.deletion
background-color: #b16139
.addition
background-color: #489963
.emphasis
font-style: italic
.strong
font-weight: bold

View File

@@ -0,0 +1,57 @@
/* Base16 Atelier Seaside Dark - Theme */
/* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/seaside) */
/* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
.highlight
color: #8ca68c
background: #131513
.code
/* Atelier-Seaside Comment */
.comment,
.quote
color: #809980
/* Atelier-Seaside Red */
.variable,
.template-variable,
.attribute,
.tag,
.name,
.regexp,
.link,
.name,
.selector-id,
.selector-class
color: #e6193c
/* Atelier-Seaside Orange */
.number,
.meta,
.built_in,
.builtin-name,
.literal,
.type,
.params
color: #87711d
/* Atelier-Seaside Green */
.string,
.symbol,
.bullet
color: #29a329
/* Atelier-Seaside Blue */
.title,
.section
color: #3d62f5
/* Atelier-Seaside Purple */
.keyword,
.selector-tag
color: #ad2bee
.emphasis
font-style: italic
.strong
font-weight: bold

View File

@@ -0,0 +1,57 @@
/* Base16 Atelier Seaside Light - Theme */
/* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/seaside) */
/* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
.highlight
color: #5e6e5e
background: #f4fbf4
.code
/* Atelier-Seaside Comment */
.comment,
.quote
color: #687d68
/* Atelier-Seaside Red */
.variable,
.template-variable,
.attribute,
.tag,
.name,
.regexp,
.link,
.name,
.selector-id,
.selector-class
color: #e6193c
/* Atelier-Seaside Orange */
.number,
.meta,
.built_in,
.builtin-name,
.literal,
.type,
.params
color: #87711d
/* Atelier-Seaside Green */
.string,
.symbol,
.bullet
color: #29a329
/* Atelier-Seaside Blue */
.title,
.section
color: #3d62f5
/* Atelier-Seaside Purple */
.keyword,
.selector-tag
color: #ad2bee
.emphasis
font-style: italic
.strong
font-weight: bold

View File

@@ -0,0 +1,57 @@
/* Base16 Atelier Sulphurpool Dark - Theme */
/* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/sulphurpool) */
/* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
.highlight
color: #979db4
background: #202746
.code
/* Atelier-Sulphurpool Comment */
.comment,
.quote
color: #898ea4
/* Atelier-Sulphurpool Red */
.variable,
.template-variable,
.attribute,
.tag,
.name,
.regexp,
.link,
.name,
.selector-id,
.selector-class
color: #c94922
/* Atelier-Sulphurpool Orange */
.number,
.meta,
.built_in,
.builtin-name,
.literal,
.type,
.params
color: #c76b29
/* Atelier-Sulphurpool Green */
.string,
.symbol,
.bullet
color: #ac9739
/* Atelier-Sulphurpool Blue */
.title,
.section
color: #3d8fd1
/* Atelier-Sulphurpool Purple */
.keyword,
.selector-tag
color: #6679cc
.emphasis
font-style: italic
.strong
font-weight: bold

View File

@@ -0,0 +1,57 @@
/* Base16 Atelier Sulphurpool Light - Theme */
/* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/sulphurpool) */
/* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
.highlight
color: #5e6687
background: #f5f7ff
.code
/* Atelier-Sulphurpool Comment */
.comment,
.quote
color: #6b7394
/* Atelier-Sulphurpool Red */
.variable,
.template-variable,
.attribute,
.tag,
.name,
.regexp,
.link,
.name,
.selector-id,
.selector-class
color: #c94922
/* Atelier-Sulphurpool Orange */
.number,
.meta,
.built_in,
.builtin-name,
.literal,
.type,
.params
color: #c76b29
/* Atelier-Sulphurpool Green */
.string,
.symbol,
.bullet
color: #ac9739
/* Atelier-Sulphurpool Blue */
.title,
.section
color: #3d8fd1
/* Atelier-Sulphurpool Purple */
.keyword,
.selector-tag
color: #6679cc
.emphasis
font-style: italic
.strong
font-weight: bold

View File

@@ -0,0 +1,55 @@
/*
Brown Paper style from goldblog.com.ua (c) Zaripov Yura <yur4ik7@ukr.net>
*/
.highlight
color: #363c69
background:#b7a68e url(./brown-papersq.png)
.code
.keyword,
.selector-tag,
.literal
color:#005599
font-weight:bold
.highlight,
.subst
color: #363c69
.string,
.title,
.section,
.type,
.attribute,
.symbol,
.bullet,
.built_in,
.addition,
.variable,
.template-tag,
.template-variable,
.link,
.name
color: #2c009f
.comment,
.quote,
.meta,
.deletion
color: #802022
.keyword,
.selector-tag,
.literal,
.doctag,
.title,
.section,
.type,
.name,
.strong
font-weight: bold
.emphasis
font-style: italic

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

View File

@@ -0,0 +1,50 @@
/*
codepen.io Embed Theme
Author: Justin Perry <http://github.com/ourmaninamsterdam>
Original theme - https://github.com/chriskempson/tomorrow-theme
*/
.highlight
color: #fff
background: #222
.code
.comment,
.quote
color: #777
.variable,
.template-variable,
.tag,
.regexp,
.meta,
.number,
.built_in,
.builtin-name,
.literal,
.params,
.symbol,
.bullet,
.link,
.deletion
color: #ab875d
.section,
.title,
.name,
.selector-id,
.selector-class,
.type,
.attribute
color: #9b869b
.string,
.keyword,
.selector-tag,
.addition
color: #8f9c6c
.emphasis
font-style: italic
.strong
font-weight: bold

View File

@@ -0,0 +1,59 @@
/*
Colorbrewer theme
Original: https://github.com/mbostock/colorbrewer-theme (c) Mike Bostock <mike@ocks.org>
Ported by Fabrício Tavares de Oliveira
*/
.highlight
color: #000
background: #fff
.code
.subst
color: #000
.string,
.meta,
.symbol,
.template-tag,
.template-variable,
.addition
color: #756bb1
.comment,
.quote
color: #636363
.number,
.regexp,
.literal,
.bullet,
.link
color: #31a354
.deletion,
.variable
color: #88f
.keyword,
.selector-tag,
.title,
.section,
.built_in,
.doctag,
.type,
.tag,
.name,
.selector-id,
.selector-class,
.strong
color: #3182bd
.emphasis
font-style: italic
.attribute
color: #e6550d

View File

@@ -0,0 +1,53 @@
/*
Dark style from softwaremaniacs.org (c) Ivan Sagalaev <Maniac@SoftwareManiacs.Org>
*/
.highlight
color: #ddd
background: #444
.code
.keyword,
.selector-tag,
.literal,
.section,
.link
color: white
.subst
color: #ddd
.string,
.title,
.name,
.type,
.attribute,
.symbol,
.bullet,
.built_in,
.addition,
.variable,
.template-tag,
.template-variable
color: #d88
.comment,
.quote,
.deletion,
.meta
color: #777
.keyword,
.selector-tag,
.literal,
.title,
.section,
.doctag,
.type,
.name,
.strong
font-weight: bold
.emphasis
font-style: italic

View File

@@ -0,0 +1,59 @@
/*
Darkula color scheme from the JetBrains family of IDEs
*/
.highlight
color: #bababa
background: #2b2b2b
.code
.strong,
.emphasis
color: #a8a8a2
.bullet,
.quote,
.link,
.number,
.regexp,
.literal
color: #6896ba
.code,
.selector-class
color: #a6e22e
.emphasis
font-style: italic
.keyword,
.selector-tag,
.section,
.attribute,
.name,
.variable
color: #cb7832
.params
color: #b9b9b9
.string,
.subst,
.type,
.built_in,
.builtin-name,
.symbol,
.selector-id,
.selector-attr,
.selector-pseudo,
.template-tag,
.template-variable,
.addition
color: #e0c46c
.comment,
.deletion,
.meta
color: #7f7f7f

View File

@@ -0,0 +1,76 @@
/*
Docco style used in http://jashkenas.github.com/docco/ converted by Simon Madine (@thingsinjars)
*/
.highlight
color: #000
background: #f8f8ff
.code
.comment,
.quote
color: #408080
font-style: italic
.keyword,
.selector-tag,
.literal,
.subst
color: #954121
.number
color: #40a070
.string,
.doctag
color: #219161
.selector-id,
.selector-class,
.section,
.type
color: #19469d
.params
color: #00f
.title
color: #458
font-weight: bold
.tag,
.name,
.attribute
color: #000080
font-weight: normal
.variable,
.template-variable
color: #008080
.regexp,
.link
color: #b68
.symbol,
.bullet
color: #990073
.built_in,
.builtin-name
color: #0086b3
.meta
color: #999
font-weight: bold
.deletion
background: #fdd
.addition
background: #dfd
.emphasis
font-style: italic
.strong
font-weight: bold

View File

@@ -0,0 +1,59 @@
/*
FAR Style (c) MajestiC <majestic2k@gmail.com>
*/
.highlight
color: #0ff
background: #000080
.code
.subst
color: #0ff
.string,
.attribute,
.symbol,
.bullet,
.built_in,
.builtin-name,
.template-tag,
.template-variable,
.addition
color: #ff0
.keyword,
.selector-tag,
.section,
.type,
.name,
.selector-id,
.selector-class,
.variable
color: #fff
.comment,
.quote,
.doctag,
.deletion
color: #888
.number,
.regexp,
.literal,
.link
color: #0f0
.meta
color: #008080
.keyword,
.selector-tag,
.title,
.section,
.name,
.strong
font-weight: bold
.emphasis
font-style: italic

View File

@@ -0,0 +1,71 @@
/*
Description: Foundation 4 docs style for highlight.js
Author: Dan Allen <dan.j.allen@gmail.com>
Website: http://foundation.zurb.com/docs/
Version: 1.0
Date: 2013-04-02
*/
.highlight
color: black
background: #eee
.code
.link,
.emphasis,
.attribute,
.addition
color: #070
.emphasis
font-style: italic
.strong,
.string,
.deletion
color: #d14
.strong
font-weight: bold
.quote,
.comment
color: #998
font-style: italic
.section,
.title
color: #900
.class .title,
.type
color: #458
.variable,
.template-variable
color: #336699
.bullet
color: #997700
.meta
color: #3344bb
.code,
.number,
.literal,
.keyword,
.selector-tag
color: #099
.regexp
background-color: #fff0ff
color: #880088
.symbol
color: #990073
.tag,
.name,
.selector-id,
.selector-class
color: #007700

View File

@@ -0,0 +1,57 @@
/**
* GitHub Gist Theme
* Author : Louis Barranqueiro - https://github.com/LouisBarranqueiro
*/
.highlight
padding: 0.5em
color: #333333
.code
.comment,
.meta
color: #969896
.string,
.variable,
.template-variable,
.strong,
.emphasis,
.quote
color: #df5000
.keyword,
.selector-tag,
.type
color: #a71d5d
.literal,
.symbol,
.bullet,
.attribute
color: #0086b3
.section,
.name
color: #63a35c
.tag
color: #333333
.title,
.attr,
.selector-id,
.selector-class,
.selector-attr,
.selector-pseudo
color: #795da3
.addition
color: #55a532
background-color: #eaffea
.deletion
color: #bd2c00
background-color: #ffecec
.link
text-decoration: underline

View File

@@ -0,0 +1,79 @@
/*
github.com style (c) Vasily Polovnyov <vast@whiteants.net>
*/
.highlight
color: #333
background: #f8f8f8
.code
.comment,
.quote
color: #998
font-style: italic
.keyword,
.selector-tag,
.subst
color: #333
font-weight: bold
.number,
.literal,
.variable,
.template-variable,
.tag .attr
color: #008080
.string,
.doctag
color: #d14
.title,
.section,
.selector-id
color: #900
font-weight: bold
.subst
font-weight: normal
.type,
.class .title
color: #458
font-weight: bold
.tag,
.name,
.attribute
color: #000080
font-weight: normal
.regexp,
.link
color: #009926
.symbol,
.bullet
color: #990073
.built_in,
.builtin-name
color: #0086b3
.meta
color: #999
font-weight: bold
.deletion
background: #fdd
.addition
background: #dfd
.emphasis
font-style: italic
.strong
font-weight: bold

View File

@@ -0,0 +1,72 @@
/*
Google Code style (c) Aahan Krish <geekpanth3r@gmail.com>
*/
.highlight
color: black
background: white
.code
.comment,
.quote
color: #800
.keyword,
.selector-tag,
.section,
.title,
.name
color: #008
.variable,
.template-variable
color: #660
.string,
.selector-attr,
.selector-pseudo,
.regexp
color: #080
.literal,
.symbol,
.bullet,
.meta,
.number,
.link
color: #066
.title,
.doctag,
.type,
.attr,
.built_in,
.builtin-name,
.params
color: #606
.attribute,
.subst
color: #000
.formula
background-color: #eee
font-style: italic
.selector-id,
.selector-class
color: #9B703F
.addition
background-color: #baeeba
.deletion
background-color: #ffc8bd
.doctag,
.strong
font-weight: bold
.emphasis
font-style: italic

View File

@@ -0,0 +1,81 @@
/*
grayscale style (c) MY Sun <simonmysun@gmail.com>
*/
.highlight
color: #333
background: #fff
.code
.comment,
.quote
color: #777
font-style: italic
.keyword,
.selector-tag,
.subst
color: #333
font-weight: bold
.number,
.literal
color: #777
.string,
.doctag,
.formula
color: #333
background: url('data:image/pngbase64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAJ0lEQVQIW2O8e/fufwYGBgZBQUEQxcCIIfDu3Tuwivfv30NUoAsAALHpFMMLqZlPAAAAAElFTkSuQmCC') repeat
.title,
.section,
.selector-id
color: #000
font-weight: bold
.subst
font-weight: normal
.class .title,
.type,
.name
color: #333
font-weight: bold
.tag
color: #333
.regexp
color: #333
background: url('data:image/pngbase64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAYAAADA+m62AAAAPUlEQVQYV2NkQAN37979r6yszIgujiIAU4RNMVwhuiQ6H6wQl3XI4oy4FMHcCJPHcDS6J2A2EqUQpJhohQDexSef15DBCwAAAABJRU5ErkJggg==') repeat
.symbol,
.bullet,
.link
color: #000
background: url('data:image/pngbase64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAKElEQVQIW2NkQAO7d+/+z4gsBhJwdXVlhAvCBECKwIIwAbhKZBUwBQA6hBpm5efZsgAAAABJRU5ErkJggg==') repeat
.built_in,
.builtin-name
color: #000
text-decoration: underline
.meta
color: #999
font-weight: bold
.deletion
color: #fff
background:url('data:image/pngbase64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAADCAYAAABS3WWCAAAAE0lEQVQIW2MMDQ39zzhz5kwIAQAyxweWgUHd1AAAAABJRU5ErkJggg==') repeat
.addition
color: #000
background: url('data:image/pngbase64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAALUlEQVQYV2N89+7dfwYk8P79ewZBQUFkIQZGOiu6e/cuiptQHAPl0NtNxAQBAM97Oejj3Dg7AAAAAElFTkSuQmCC') repeat
.emphasis
font-style: italic
.strong
font-weight: bold

View File

@@ -0,0 +1,63 @@
/*
Original highlight.js style (c) Ivan Sagalaev <maniac@softwaremaniacs.org>
*/
.highlight
color: #444
background: #F0F0F0
.code
.subst
color: #444
.keyword,
.attribute,
.selector-tag,
.meta-keyword,
.doctag,
.name
font-weight: bold
.built_in,
.literal,
.bullet,
.code,
.addition
color: #1F811F
.regexp,
.symbol,
.variable,
.template-variable,
.link,
.selector-attr,
.selector-pseudo
color: #BC6060
.type,
.string,
.number,
.selector-id,
.selector-class,
.quote,
.template-tag,
.deletion
color: #880000
.title,
.section
color: #880000
font-weight: bold
.comment
color: #888888
.meta
color: #2B6EA1
.emphasis
font-style: italic
.strong
font-weight: bold

View File

@@ -0,0 +1,70 @@
/*
* Hopscotch
* by Jan T. Sott
* https://github.com/idleberg/Hopscotch
*
* This work is licensed under the Creative Commons CC0 1.0 Universal License
*/
.highlight
color: #b9b5b8
background: #322931
.code
/* Comment */
.comment,
.quote
color: #989498
/* Red */
.variable,
.template-variable,
.attribute,
.tag,
.name,
.selector-id,
.selector-class,
.regexp,
.link,
.deletion
color: #dd464c
/* Orange */
.number,
.built_in,
.builtin-name,
.literal,
.type,
.params
color: #fd8b19
/* Yellow */
.class .title
color: #fdcc59
/* Green */
.string,
.symbol,
.bullet,
.addition
color: #8fc13e
/* Aqua */
.meta
color: #149b93
/* Blue */
.function,
.section,
.title
color: #1290bf
/* Purple */
.keyword,
.selector-tag
color: #c85e7c
.emphasis
font-style: italic
.strong
font-weight: bold

View File

@@ -0,0 +1,82 @@
/*
vim-hybrid theme by w0ng (https://github.com/w0ng/vim-hybrid)
*/
/*background color*/
.highlight
color: #c5c8c6
background: #1d1f21
/*selection color*/
&::selection,
span::selection
background: #373b41
&::-moz-selection,
span::-moz-selection
background: #373b41
.code
/*color: fg_yellow*/
.title,
.name
color: #f0c674
/*color: fg_comment*/
.comment,
.meta,
.meta .keyword
color: #707880
/*color: fg_red*/
.number,
.symbol,
.literal,
.deletion,
.link
color: #cc6666
/*color: fg_green*/
.string,
.doctag,
.addition,
.regexp,
.selector-attr,
.selector-pseudo
color: #b5bd68
/*color: fg_purple*/
.attribute,
.code,
.selector-id
color: #b294bb
/*color: fg_blue*/
.keyword,
.selector-tag,
.bullet,
.tag
color: #81a2be
/*color: fg_aqua*/
.subst,
.variable,
.template-tag,
.template-variable
color: #8abeb7
/*color: fg_orange*/
.type,
.built_in,
.builtin-name,
.quote,
.section,
.selector-class
color: #de935f
.emphasis
font-style: italic
.strong
font-weight: bold

View File

@@ -0,0 +1,78 @@
/*
Intellij Idea-like styling (c) Vasily Polovnyov <vast@whiteants.net>
*/
.highlight
color: #000
background: #fff
.code
.subst,
.title
font-weight: normal
color: #000
.comment,
.quote
color: #808080
font-style: italic
.meta
color: #808000
.tag
background: #efefef
.section,
.name,
.literal,
.keyword,
.selector-tag,
.type,
.selector-id,
.selector-class
font-weight: bold
color: #000080
.attribute,
.number,
.regexp,
.link
font-weight: bold
color: #0000ff
.number,
.regexp,
.link
font-weight: normal
.string
color: #008000
font-weight: bold
.symbol,
.bullet,
.formula
color: #000
background: #d0eded
font-style: italic
.doctag
text-decoration: underline
.variable,
.template-variable
color: #660e7a
.addition
background: #baeeba
.deletion
background: #ffc8bd
.emphasis
font-style: italic
.strong
font-weight: bold

View File

@@ -0,0 +1,28 @@
.highlight
margin: 0px
display: block
overflow-x: auto
padding: 15px 20px
font-size: font-size
font-family: font-mono
line-height: font-size * line-height
table
margin: 0
width: auto
td
border: none
td.code
padding-right: 20px
.gutter
pre
color: #666
text-align: right
padding-right: 20px
.article-entry
.highlight
margin: 1.6em 0
.line
height: 1.6em
@import "_highlight/" + highlight

View File

@@ -0,0 +1,58 @@
/*
IR_Black style (c) Vasily Mikhailitchenko <vaskas@programica.ru>
*/
.highlight
color: #f8f8f8
background: #000
.code
.comment,
.quote,
.meta
color: #7c7c7c
.keyword,
.selector-tag,
.tag,
.name
color: #96cbfe
.attribute,
.selector-id
color: #ffffb6
.string,
.selector-attr,
.selector-pseudo,
.addition
color: #a8ff60
.subst
color: #daefa3
.regexp,
.link
color: #e9c062
.title,
.section,
.type,
.doctag
color: #ffffb6
.symbol,
.bullet,
.variable,
.template-variable,
.literal
color: #c6c5fe
.number,
.deletion
color:#ff73fd
.emphasis
font-style: italic
.strong
font-weight: bold

View File

@@ -0,0 +1,62 @@
/*
Name: Kimbie (dark)
Author: Jan T. Sott
License: Creative Commons Attribution-ShareAlike 4.0 Unported License
URL: https://github.com/idleberg/Kimbie-highlight.js
*/
.highlight
color: #d3af86
background: #221a0f
.code
/* Kimbie Comment */
.comment,
.quote
color: #d6baad
/* Kimbie Red */
.variable,
.template-variable,
.tag,
.name,
.selector-id,
.selector-class,
.regexp,
.meta
color: #dc3958
/* Kimbie Orange */
.number,
.built_in,
.builtin-name,
.literal,
.type,
.params,
.deletion,
.link
color: #f79a32
/* Kimbie Yellow */
.title,
.section,
.attribute
color: #f06431
/* Kimbie Green */
.string,
.symbol,
.bullet,
.addition
color: #889b4a
/* Kimbie Purple */
.keyword,
.selector-tag,
.function
color: #98676a
.emphasis
font-style: italic
.strong
font-weight: bold

View File

@@ -0,0 +1,62 @@
/*
Name: Kimbie (light)
Author: Jan T. Sott
License: Creative Commons Attribution-ShareAlike 4.0 Unported License
URL: https://github.com/idleberg/Kimbie-highlight.js
*/
.highlight
color: #84613d
background: #fbebd4
.code
/* Kimbie Comment */
.comment,
.quote
color: #a57a4c
/* Kimbie Red */
.variable,
.template-variable,
.tag,
.name,
.selector-id,
.selector-class,
.regexp,
.meta
color: #dc3958
/* Kimbie Orange */
.number,
.built_in,
.builtin-name,
.literal,
.type,
.params,
.deletion,
.link
color: #f79a32
/* Kimbie Yellow */
.title,
.section,
.attribute
color: #f06431
/* Kimbie Green */
.string,
.symbol,
.bullet,
.addition
color: #889b4a
/* Kimbie Purple */
.keyword,
.selector-tag,
.function
color: #98676a
.emphasis
font-style: italic
.strong
font-weight: bold

View File

@@ -0,0 +1,58 @@
/*
Description: Magula style for highligh.js
Author: Ruslan Keba <rukeba@gmail.com>
Website: http://rukeba.com/
Version: 1.0
Date: 2009-01-03
Music: Aphex Twin / Xtal
*/
.highlight
background-color: #f4f4f4
.code
.highlight,
.subst
color: black
.string,
.title,
.symbol,
.bullet,
.attribute,
.addition,
.variable,
.template-tag,
.template-variable
color: #050
.comment,
.quote
color: #777
.number,
.regexp,
.literal,
.type,
.link
color: #800
.deletion,
.meta
color: #00e
.keyword,
.selector-tag,
.doctag,
.title,
.section,
.built_in,
.tag,
.name
font-weight: bold
color: navy
.emphasis
font-style: italic
.strong
font-weight: bold

View File

@@ -0,0 +1,47 @@
/*
Five-color theme from a single blue hue.
*/
.highlight
color: #00193a
background: #eaeef3
.code
.keyword,
.selector-tag,
.title,
.section,
.doctag,
.name,
.strong
font-weight: bold
.comment
color: #738191
.string,
.title,
.section,
.built_in,
.literal,
.type,
.addition,
.tag,
.quote,
.name,
.selector-id,
.selector-class
color: #0048ab
.meta,
.subst,
.symbol,
.regexp,
.attribute,
.deletion,
.variable,
.template-variable,
.link,
.bullet
color: #4c81c9
.emphasis
font-style: italic

View File

@@ -0,0 +1,69 @@
/*
Monokai Sublime style. Derived from Monokai by noformnocontent http://nn.mit-license.org/
*/
.highlight
color: #f8f8f2
background: #23241f
.code
.highlight,
.tag,
.subst
color: #f8f8f2
.strong,
.emphasis
color: #a8a8a2
.bullet,
.quote,
.number,
.regexp,
.literal,
.link
color: #ae81ff
.code,
.title,
.section,
.selector-class
color: #a6e22e
.strong
font-weight: bold
.emphasis
font-style: italic
.keyword,
.selector-tag,
.name,
.attr
color: #f92672
.symbol,
.attribute
color: #66d9ef
.params,
.class .title
color: #f8f8f2
.string,
.type,
.built_in,
.builtin-name,
.selector-id,
.selector-attr,
.selector-pseudo,
.addition,
.variable,
.template-variable
color: #e6db74
.comment,
.deletion,
.meta
color: #75715e

View File

@@ -0,0 +1,60 @@
/*
Monokai style - ported by Luigi Maselli - http://grigio.org
*/
.highlight
color: #ddd
background: #272822
.code
.tag,
.keyword,
.selector-tag,
.literal,
.strong,
.name
color: #f92672
.code
color: #66d9ef
.class .title
color: white
.attribute,
.symbol,
.regexp,
.link
color: #bf79db
.string,
.bullet,
.subst,
.title,
.section,
.emphasis,
.type,
.built_in,
.builtin-name,
.selector-attr,
.selector-pseudo,
.addition,
.variable,
.template-tag,
.template-variable
color: #a6e22e
.comment,
.quote,
.deletion,
.meta
color: #75715e
.keyword,
.selector-tag,
.literal,
.doctag,
.title,
.section,
.type,
.selector-id
font-weight: bold

View File

@@ -0,0 +1,70 @@
/**
* Obsidian style
* ported by Alexander Marenin (http://github.com/ioncreature)
*/
.highlight
color: #e0e2e4
background: #282b2e
.code
.keyword,
.selector-tag,
.literal,
.selector-id
color: #93c763
.number
color: #ffcd22
.attribute
color: #668bb0
.code,
.class .title,
.section
color: white
.regexp,
.link
color: #d39745
.meta
color: #557182
.tag,
.name,
.bullet,
.subst,
.emphasis,
.type,
.built_in,
.selector-attr,
.selector-pseudo,
.addition,
.variable,
.template-tag,
.template-variable
color: #8cbbad
.string,
.symbol
color: #ec7600
.comment,
.quote,
.deletion
color: #818e96
.selector-class
color: #A082BD
.keyword,
.selector-tag,
.literal,
.doctag,
.title,
.section,
.type,
.name,
.strong
font-weight: bold

View File

@@ -0,0 +1,60 @@
/*
Paraíso (dark)
Created by Jan T. Sott (http://github.com/idleberg)
Inspired by the art of Rubens LP (http://www.rubenslp.com.br)
*/
.highlight
color: #a39e9b
background: #2f1e2e
.code
/* Paraíso Comment */
.comment,
.quote
color: #8d8687
/* Paraíso Red */
.variable,
.template-variable,
.tag,
.name,
.selector-id,
.selector-class,
.regexp,
.link,
.meta
color: #ef6155
/* Paraíso Orange */
.number,
.built_in,
.builtin-name,
.literal,
.type,
.params,
.deletion
color: #f99b15
/* Paraíso Yellow */
.title,
.section,
.attribute
color: #fec418
/* Paraíso Green */
.string,
.symbol,
.bullet,
.addition
color: #48b685
/* Paraíso Purple */
.keyword,
.selector-tag
color: #815ba4
.emphasis
font-style: italic
.strong
font-weight: bold

View File

@@ -0,0 +1,60 @@
/*
Paraíso (light)
Created by Jan T. Sott (http://github.com/idleberg)
Inspired by the art of Rubens LP (http://www.rubenslp.com.br)
*/
.highlight
color: #4f424c
background: #e7e9db
.code
/* Paraíso Comment */
.comment,
.quote
color: #776e71
/* Paraíso Red */
.variable,
.template-variable,
.tag,
.name,
.selector-id,
.selector-class,
.regexp,
.link,
.meta
color: #ef6155
/* Paraíso Orange */
.number,
.built_in,
.builtin-name,
.literal,
.type,
.params,
.deletion
color: #f99b15
/* Paraíso Yellow */
.title,
.section,
.attribute
color: #fec418
/* Paraíso Green */
.string,
.symbol,
.bullet,
.addition
color: #48b685
/* Paraíso Purple */
.keyword,
.selector-tag
color: #815ba4
.emphasis
font-style: italic
.strong
font-weight: bold

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

View File

@@ -0,0 +1,67 @@
/*
Pojoaque Style by Jason Tate
http://web-cms-designs.com/ftopict-10-pojoaque-style-for-highlight-js-code-highlighter.html
Based on Solarized Style from http://ethanschoonover.com/solarized
*/
.highlight
color: #dccf8f
background: url(./pojoaque.jpg) repeat scroll left top #181914
.code
.comment,
.quote
color: #586e75
font-style: italic
.keyword,
.selector-tag,
.literal,
.addition
color: #b64926
.number,
.string,
.doctag,
.regexp
color: #468966
.title,
.section,
.built_in,
.name
color: #ffb03b
.variable,
.template-variable,
.class .title,
.type,
.tag
color: #b58900
.attribute
color: #b89859
.symbol,
.bullet,
.link,
.subst,
.meta
color: #cb4b16
.deletion
color: #dc322f
.selector-id,
.selector-class
color: #d3a60c
.formula
background: #073642
.emphasis
font-style: italic
.strong
font-weight: bold

View File

@@ -0,0 +1,84 @@
/*
Railscasts-like style (c) Visoft, Inc. (Damien White)
*/
.highlight
color: #e6e1dc
background: #232323
.code
.comment,
.quote
color: #bc9458
font-style: italic
.keyword,
.selector-tag
color: #c26230
.string,
.number,
.regexp,
.variable,
.template-variable
color: #a5c261
.subst
color: #519f50
.tag,
.name
color: #e8bf6a
.type
color: #da4939
.symbol,
.bullet,
.built_in,
.builtin-name,
.attr,
.link
color: #6d9cbe
.params
color: #d0d0ff
.attribute
color: #cda869
.meta
color: #9b859d
.title,
.section
color: #ffc66d
.addition
background-color: #144212
color: #e6e1dc
display: inline-block
width: 100%
.deletion
background-color: #600
color: #e6e1dc
display: inline-block
width: 100%
.selector-class
color: #9b703f
.selector-id
color: #8b98ab
.emphasis
font-style: italic
.strong
font-weight: bold
.link
text-decoration: underline

View File

@@ -0,0 +1,68 @@
/*
Style with support for rainbow parens
*/
.highlight
color: #d1d9e1
background: #474949
.code
.comment,
.quote
color: #969896
font-style: italic
.keyword,
.selector-tag,
.literal,
.type,
.addition
color: #cc99cc
.number,
.selector-attr,
.selector-pseudo
color: #f99157
.string,
.doctag,
.regexp
color: #8abeb7
.title,
.name,
.section,
.built_in
color: #b5bd68
.variable,
.template-variable,
.selector-id,
.class .title
color: #ffcc66
.section,
.name,
.strong
font-weight: bold
.symbol,
.bullet,
.subst,
.meta,
.link
color: #f99157
.deletion
color: #dc322f
.formula
background: #eee8d5
.attr,
.attribute
color: #81a2be
.emphasis
font-style: italic

Binary file not shown.

After

Width:  |  Height:  |  Size: 486 B

View File

@@ -0,0 +1,57 @@
/*
School Book style from goldblog.com.ua (c) Zaripov Yura <yur4ik7@ukr.net>
*/
.highlight
background:#f6f6ae url(./school-book.png)
border-top: solid 2px #d2e8b9
border-bottom: solid 1px #d2e8b9
.code
.keyword,
.selector-tag,
.literal
color:#005599
font-weight:bold
.highlight,
.subst
color: #3e5915
.string,
.title,
.section,
.type,
.symbol,
.bullet,
.attribute,
.built_in,
.builtin-name,
.addition,
.variable,
.template-tag,
.template-variable,
.link
color: #2c009f
.comment,
.quote,
.deletion,
.meta
color: #e60415
.keyword,
.selector-tag,
.literal,
.doctag,
.title,
.section,
.type,
.name,
.selector-id,
.strong
font-weight: bold
.emphasis
font-style: italic

View File

@@ -0,0 +1,70 @@
/*
Orginal Style from ethanschoonover.com/solarized (c) Jeremy Hull <sourdrums@gmail.com>
*/
.highlight
color: #839496
background: #002b36
.code
.comment,
.quote
color: #586e75
/* Solarized Green */
.keyword,
.selector-tag,
.addition
color: #859900
/* Solarized Cyan */
.number,
.string,
.meta .meta-string,
.literal,
.doctag,
.regexp
color: #2aa198
/* Solarized Blue */
.title,
.section,
.name,
.selector-id,
.selector-class
color: #268bd2
/* Solarized Yellow */
.attribute,
.attr,
.variable,
.template-variable,
.class .title,
.type
color: #b58900
/* Solarized Orange */
.symbol,
.bullet,
.subst,
.meta,
.meta .keyword,
.selector-attr,
.selector-pseudo,
.link
color: #cb4b16
/* Solarized Red */
.built_in,
.deletion
color: #dc322f
.formula
background: #073642
.emphasis
font-style: italic
.strong
font-weight: bold

View File

@@ -0,0 +1,70 @@
/*
Orginal Style from ethanschoonover.com/solarized (c) Jeremy Hull <sourdrums@gmail.com>
*/
.highlight
color: #657b83
background: #fdf6e3
.code
.comment,
.quote
color: #93a1a1
/* Solarized Green */
.keyword,
.selector-tag,
.addition
color: #859900
/* Solarized Cyan */
.number,
.string,
.meta .meta-string,
.literal,
.doctag,
.regexp
color: #2aa198
/* Solarized Blue */
.title,
.section,
.name,
.selector-id,
.selector-class
color: #268bd2
/* Solarized Yellow */
.attribute,
.attr,
.variable,
.template-variable,
.class .title,
.type
color: #b58900
/* Solarized Orange */
.symbol,
.bullet,
.subst,
.meta,
.meta .keyword,
.selector-attr,
.selector-pseudo,
.link
color: #cb4b16
/* Solarized Red */
.built_in,
.deletion
color: #dc322f
.formula
background: #eee8d5
.emphasis
font-style: italic
.strong
font-weight: bold

View File

@@ -0,0 +1,80 @@
/*
Sunburst-like style (c) Vasily Polovnyov <vast@whiteants.net>
*/
.highlight
color: #f8f8f8
background: #000
.code
.comment,
.quote
color: #aeaeae
font-style: italic
.keyword,
.selector-tag,
.type
color: #e28964
.string
color: #65b042
.subst
color: #daefa3
.regexp,
.link
color: #e9c062
.title,
.section,
.tag,
.name
color: #89bdff
.class .title,
.doctag
text-decoration: underline
.symbol,
.bullet,
.number
color: #3387cc
.params,
.variable,
.template-variable
color: #3e87e3
.attribute
color: #cda869
.meta
color: #8996a8
.formula
background-color: #0e2231
color: #f8f8f8
font-style: italic
.addition
background-color: #253b22
color: #f8f8f8
.deletion
background-color: #420e09
color: #f8f8f8
.selector-class
color: #9b703f
.selector-id
color: #8b98ab
.emphasis
font-style: italic
.strong
font-weight: bold

View File

@@ -0,0 +1,62 @@
/* Tomorrow Night Blue Theme */
/* http://jmblog.github.com/color-themes-for-google-code-highlightjs */
/* Original theme - https://github.com/chriskempson/tomorrow-theme */
/* http://jmblog.github.com/color-themes-for-google-code-highlightjs */
.highlight
color: white
background: #002451
.code
/* Tomorrow Comment */
.comment,
.quote
color: #7285b7
/* Tomorrow Red */
.variable,
.template-variable,
.tag,
.name,
.selector-id,
.selector-class,
.regexp,
.deletion
color: #ff9da4
/* Tomorrow Orange */
.number,
.built_in,
.builtin-name,
.literal,
.type,
.params,
.meta,
.link
color: #ffc58f
/* Tomorrow Yellow */
.attribute
color: #ffeead
/* Tomorrow Green */
.string,
.symbol,
.bullet,
.addition
color: #d1f1a9
/* Tomorrow Blue */
.title,
.section
color: #bbdaff
/* Tomorrow Purple */
.keyword,
.selector-tag
color: #ebbbff
.emphasis
font-style: italic
.strong
font-weight: bold

View File

@@ -0,0 +1,61 @@
/* Tomorrow Night Bright Theme */
/* Original theme - https://github.com/chriskempson/tomorrow-theme */
/* http://jmblog.github.com/color-themes-for-google-code-highlightjs */
.highlight
color: #eaeaea
background: black
.code
/* Tomorrow Comment */
.comment,
.quote
color: #969896
/* Tomorrow Red */
.variable,
.template-variable,
.tag,
.name,
.selector-id,
.selector-class,
.regexp,
.deletion
color: #d54e53
/* Tomorrow Orange */
.number,
.built_in,
.builtin-name,
.literal,
.type,
.params,
.meta,
.link
color: #e78c45
/* Tomorrow Yellow */
.attribute
color: #e7c547
/* Tomorrow Green */
.string,
.symbol,
.bullet,
.addition
color: #b9ca4a
/* Tomorrow Blue */
.title,
.section
color: #7aa6da
/* Tomorrow Purple */
.keyword,
.selector-tag
color: #c397d8
.emphasis
font-style: italic
.strong
font-weight: bold

View File

@@ -0,0 +1,61 @@
/* Tomorrow Night Eighties Theme */
/* Original theme - https://github.com/chriskempson/tomorrow-theme */
/* http://jmblog.github.com/color-themes-for-google-code-highlightjs */
.highlight
color: #cccccc
background: #2d2d2d
.code
/* Tomorrow Comment */
.comment,
.quote
color: #999999
/* Tomorrow Red */
.variable,
.template-variable,
.tag,
.name,
.selector-id,
.selector-class,
.regexp,
.deletion
color: #f2777a
/* Tomorrow Orange */
.number,
.built_in,
.builtin-name,
.literal,
.type,
.params,
.meta,
.link
color: #f99157
/* Tomorrow Yellow */
.attribute
color: #ffcc66
/* Tomorrow Green */
.string,
.symbol,
.bullet,
.addition
color: #99cc99
/* Tomorrow Blue */
.title,
.section
color: #6699cc
/* Tomorrow Purple */
.keyword,
.selector-tag
color: #cc99cc
.emphasis
font-style: italic
.strong
font-weight: bold

View File

@@ -0,0 +1,60 @@
/* Original theme - https://github.com/chriskempson/tomorrow-theme */
/* http://jmblog.github.com/color-themes-for-google-code-highlightjs */
.highlight
color: #c5c8c6
background: #1d1f21
.code
/* Tomorrow Comment */
.comment,
.quote
color: #969896
/* Tomorrow Red */
.variable,
.template-variable,
.tag,
.name,
.selector-id,
.selector-class,
.regexp,
.deletion
color: #cc6666
/* Tomorrow Orange */
.number,
.built_in,
.builtin-name,
.literal,
.type,
.params,
.meta,
.link
color: #de935f
/* Tomorrow Yellow */
.attribute
color: #f0c674
/* Tomorrow Green */
.string,
.symbol,
.bullet,
.addition
color: #b5bd68
/* Tomorrow Blue */
.title,
.section
color: #81a2be
/* Tomorrow Purple */
.keyword,
.selector-tag
color: #b294bb
.emphasis
font-style: italic
.strong
font-weight: bold

View File

@@ -0,0 +1,56 @@
.highlight
color: #4d4d4c
background: white
.code
/* Tomorrow Comment */
.comment,
.quote
color: #8e908c
/* Tomorrow Red */
.variable,
.template-variable,
.tag,
.name,
.selector-id,
.selector-class,
.regexp,
.deletion
color: #c82829
/* Tomorrow Orange */
.number,
.built_in,
.builtin-name,
.literal,
.type,
.params,
.meta,
.link
color: #f5871f
/* Tomorrow Yellow */
.attribute
color: #eab700
/* Tomorrow Green */
.string,
.symbol,
.bullet,
.addition
color: #718c00
/* Tomorrow Blue */
.title,
.section
color: #4271ae
/* Tomorrow Purple */
.keyword,
.selector-tag
color: #8959a8
.emphasis
font-style: italic
.strong
font-weight: bold

View File

@@ -0,0 +1,58 @@
/*
Visual Studio-like style based on original C# coloring by Jason Diamond <jason@diamond.name>
*/
.highlight
display: block
overflow-x: auto
padding: 0.5em
background: white
color: black
.code
.comment,
.quote,
.variable
color: #008000
.keyword,
.selector-tag,
.built_in,
.name,
.tag
color: #00f
.string,
.title,
.section,
.attribute,
.literal,
.template-tag,
.template-variable,
.type,
.addition
color: #a31515
.deletion,
.selector-attr,
.selector-pseudo,
.meta
color: #2b91af
.doctag
color: #808080
.attr
color: #f00
.symbol,
.bullet,
.link
color: #00b0e8
.emphasis
font-style: italic
.strong
font-weight: bold

View File

@@ -0,0 +1,74 @@
/*
XCode style (c) Angel Garcia <angelgarcia.mail@gmail.com>
*/
.highlight
color: black
background: #fff
.code
.comment,
.quote
color: #006a00
.keyword,
.selector-tag,
.literal
color: #aa0d91
.name
color: #008
.variable,
.template-variable
color: #660
.string
color: #c41a16
.regexp,
.link
color: #080
.title,
.tag,
.symbol,
.bullet,
.number,
.meta
color: #1c00cf
.section,
.class .title,
.type,
.attr,
.built_in,
.builtin-name,
.params
color: #5c2699
.attribute,
.subst
color: #000
.formula
background-color: #eee
font-style: italic
.addition
background-color: #baeeba
.deletion
background-color: #ffc8bd
.selector-id,
.selector-class
color: #9b703f
.doctag,
.strong
font-weight: bold
.emphasis
font-style: italic

View File

@@ -0,0 +1,64 @@
/*
Zenburn style from voldmar.ru (c) Vladimir Epifanov <voldmar@voldmar.ru>
based on dark.css by Ivan Sagalaev
*/
.highlight
color: #dcdcdc
background: #3f3f3f
.code
.keyword,
.selector-tag,
.tag
color: #e3ceab
.template-tag
color: #dcdcdc
.number
color: #8cd0d3
.variable,
.template-variable,
.attribute
color: #efdcbc
.literal
color: #efefaf
.subst
color: #8f8f8f
.title,
.name,
.selector-id,
.selector-class,
.section,
.type
color: #efef8f
.symbol,
.bullet,
.link
color: #dca3a3
.deletion,
.string,
.built_in,
.builtin-name
color: #cc9393
.addition,
.comment,
.quote,
.meta
color: #7f9f7f
.emphasis
font-style: italic
.strong
font-weight: bold

View File

@@ -0,0 +1,91 @@
.archives-wrap
margin: block-margin 0
.archives
clearfix()
.archive-year-wrap
padding: 18px 30px 17px
font-size: font-size + 2
color: color-default + #111
border-bottom: 1px solid color-border-light
.archive-year
@extend $block-caption
i
margin-right: 8px
.archives
column-gap: 10px
@media mq-tablet
column-count: 2
@media mq-normal
column-count: 3
.archive-article
avoid-column-break()
.archive-article-inner
padding: 10px
margin-bottom: 15px
.archive-article-title
text-decoration: none
font-weight: bold
color: color-default
transition: color 0.2s
line-height: line-height
&:hover
color: color-theme
.archive-article-footer
margin-top: 1em
.archive-article-date
color: color-grey
text-decoration: none
font-size: 0.85em
line-height: 1em
margin-bottom: 0.5em
display: block
#page-nav
clearfix()
float: left
width: 100%
display: block
margin: 30px 0px 45px 0px
text-align: center
color: color-grey
.pages
display: block
font-size: 17px
font-weight: 300
margin-bottom: 1em!important
border: none!important
&:before
content: "\f15c"
font-family: FontAwesome
margin-right: 6px
.page-number,
.extend
color: color-theme
position: relative
overflow: hidden
font-size: 16px
padding: 7px 8px
display: inline
margin: 0 2px
text-decoration: none
border-bottom: 3px solid color-border
border-top: 1px solid #f1f1f1
font-weight: 600
transition: 0.2s ease-in
&:hover,
&:active,
&.current
color: #444
border-bottom: 3px solid color-theme
border-top: 1px solid #f1f1f1
.space
color: color-border

View File

@@ -0,0 +1,440 @@
.article-single
padding: 30px 30px 20px
.article-inner
overflow: hidden
.article-row
clearfix()
width: 100%
float: left
position: relative
padding: 30px 0px 0px 30px
border-bottom: 1px solid #eee
box-sizing: border-box
.article-summary
width: 50%
float: left
margin-bottom: 30px
a
text-decoration: none
color: color-theme
.article-summary-inner
margin-right: 30px
.thumbnail
height: 0
width: 100%
display: block
overflow: hidden
position: relative
margin-bottom: 1em
padding-bottom: 47.11%
.comment-counter
right: 0
top: 15px
color: white
font-size: 12px
padding: 2px 7px
line-height: 19px
position: absolute
display: inline-block
background-color: #82b965
&:before
top: 3px
left: -16px
content: ''
position: absolute
display: inline-block
border: 9px solid transparent
border-right-color: #82b965
.thumbnail-image
display: block
position: absolute
width: 100%
height: 100%
opacity: 1
background-size: cover
background-position: center
transition: opacity 0.3s ease-in
.thumbnail-none
width: 100%
height: 100%
background-size: 100% 100%
background-image: url(thumbnail-default)
.article-title
margin-bottom: 10px
font-size: 22px
font-weight: 400
line-height: 1.5em
word-wrap: break-word
a
transition: color 0.3s ease-in
color: #444
.article-excerpt
position: relative
color: rgb(170, 170, 170)
font-size: 16px
line-height: line-height
overflow: hidden
height: 4 * line-height
&:hover
.thumbnail
.thumbnail-image
opacity: 0.7
.article-title
a
color: color-theme
.article-category
float: left
line-height: 1em
color: #ccc
text-shadow: 0 1px #fff
margin-left: 8px
&:before
content: "\2022"
.article-title
text-decoration: none
font-size: 38px
letter-spacing: -1px
color: color-default
line-height: line-height-title
transition: color 0.2s
margin-bottom: 10px
a&:hover
color: color-theme
.article-meta
@extend $block-caption
clearfix()
line-height: line-height
& > div
float: left
margin-right: 10px
.fa
margin-right: 3px
a
color: color-default
&:hover
color: color-link
.category
text-transform: uppercase
a, i
margin-left: 0
margin-right: 6px
.article-summary
.article-meta
height: line-height
overflow: hidden
a
color: color-theme
& > div
margin-right: 0
.article-tag
.tag-link
&:before
content: "#"
.article-entry
@extend $base-style
clearfix()
color: color-default
font-size: font-size-article
font-weight: 300
line-height: line-height
p, table
margin: line-height 0
h1, h2, h3, h4, h5, h6
font-weight: 600
h1, h2, h3, h4, h5, h6
line-height: line-height-title
margin: line-height-title 0
a
color: color-theme
text-decoration: none
&:hover
text-decoration: underline
ul, ol, dl
margin-top: line-height
margin-bottom: line-height
list-style-position: outside
padding-left: 1.4em
p
margin: 0
img, video
max-width: 100%
height: auto
display: block
margin: auto
iframe
border: none
table
width: 100%
border-collapse: collapse
border-spacing: 0
th
font-weight: 600
border-bottom: 3px solid color-border
padding-bottom: 0.5em
td
border-bottom: 1px solid color-border
padding: 10px 0
blockquote
color: #777
quote: none
margin: 0 0 20px 0
position: relative
font-style: italic
padding-left: 50px
&:before
top: 0
left: 0
color: #ccc
font-size: 32px
content: "\f10d"
position: absolute
text-align: center
font-style: normal
font-family: 'FontAwesome'
footer
font-size: font-size
margin: line-height 0
font-family: font-sans
cite
&:before
content: ""
padding: 0 0.5em
.pullquote
text-align: left
width: 45%
margin: 0
&.left
margin-left: 0.5em
margin-right: 1em
&.right
margin-right: 0.5em
margin-left: 1em
.caption
color: color-grey
display: block
font-size: 0.9em
margin-top: 0.5em
position: relative
text-align: center
// http://webdesignerwall.com/tutorials/css-elastic-videos
.video-container
position: relative
padding-top: (9 / 16 * 100)% // 16:9 ratio
height: 0
overflow: hidden
iframe, object, embed
position: absolute
top: 0
left: 0
width: 100%
height: 100%
margin-top: 0
.article-more-link a
display: inline-block
line-height: 1em
padding: 6px 15px
border-radius: 15px
background: color-background
color: color-grey
text-shadow: 0 1px #fff
text-decoration: none
&:hover
background: color-theme
color: #fff
text-decoration: none
text-shadow: 0 1px darken(color-theme, 20%)
.article-footer
clearfix()
font-size: font-size
line-height: line-height
border-top: 1px solid color-border
padding-top: line-height
a
color: color-grey
text-decoration: none
&:hover
color: color-default
.article-comment-link,
.article-share-link
i
padding-right: 8px
.article-comment-link
float: right
.article-share-link
cursor: pointer
float: right
margin-left: 20px
.article-share-box
position: absolute
display: none
background: #fff
box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.2)
border-radius: 3px
margin-left: -145px
overflow: hidden
z-index: 1
&.on
display: block
.article-share-input
width: 100%
background: none
box-sizing: border-box
font: 14px font-sans
padding: 0 15px
color: color-default
outline: none
border: 1px solid color-border
border-radius: 3px 3px 0 0
height: 36px
line-height: 36px
.article-share-links
clearfix()
background: color-background
$article-share-link
width: 50px
height: 36px
display: block
float: left
position: relative
color: #999
text-align: center
line-height: 36px
text-decoration: none
&:before
font-size: 20px
font-family: FontAwesome
absolute-center(@font-size)
&:hover
color: #fff
.article-share-twitter
@extend $article-share-link
&:before
content: "\f099"
&:hover
background: color-twitter
text-shadow: 0 1px darken(color-twitter, 20%)
.article-share-facebook
@extend $article-share-link
&:before
content: "\f09a"
&:hover
background: color-facebook
text-shadow: 0 1px darken(color-facebook, 20%)
.article-share-pinterest
@extend $article-share-link
&:before
content: "\f0d2"
&:hover
background: color-pinterest
text-shadow: 0 1px darken(color-pinterest, 20%)
.article-share-google
@extend $article-share-link
&:before
content: "\f0d5"
&:hover
background: color-google
text-shadow: 0 1px darken(color-google, 20%)
.article-gallery
background: #000
position: relative
.article-gallery-photos
position: relative
overflow: hidden
.article-gallery-img
display: none
max-width: 100%
&:first-child
display: block
&.loaded
position: absolute
display: block
img
display: block
max-width: 100%
margin: 0 auto
.article-gallery
overflow: hidden
background: black
position: relative
text-align: center
margin: line-height 0
.gallery-item
display: none
max-width: 100%
&:before,
&:after
top: 50%
width: 40px
height: 36px
font-size: 36px
line-height: 36px
margin-top: -18px
position: absolute
font-family: FontAwesome
color: rgba(255, 255, 255, .5)
&:hover
&:before,
&:after
color: rgba(255, 255, 255, .8)
&:before
left: 0
content: "\f104"
&:after
right: 0
content: "\f105"
&:first-child
display: block
img
display: block
max-width: 100%
margin: 0 auto
/* right-to-left languages */
.article.rtl
.article-title,
.article-excerpt,
.article-entry p
direction: rtl
.article-meta
& > div
float: right
margin-left: 10px
margin-right: 0
.category
a, i
margin-right: 0
margin-left: 6px
&:first-child
margin-left: 0
/* lightgallery */
.lg-outer
.lg-thumb-item
border-radius: 0 !important

View File

@@ -0,0 +1,6 @@
i.icon
display: inline-block
font-style: normal
text-align: center
&:before
transition: 0.2s ease-in

View File

@@ -0,0 +1,4 @@
#comments
padding: 30px 30px 20px
a
color: color-theme

View File

@@ -0,0 +1,34 @@
#footer
background: color-footer-background
margin-top: 60px
color: color-grey
line-height: line-height
a
color: #ccc
text-decoration: none
&:hover
color: #fff
.credit
padding: 30px 30px 0px 30px
.footer-plugins
padding: 0px 30px 30px 30px
#back-to-top
background: color-background
color: #777
overflow: hidden
text-align: center
width: 60px
height: 30px
display: block
margin: 0 auto -30px
border-radius: 0 0 3px 3px
box-shadow: 0 1px 1px rgba(0,0,0,0.1)
&:hover
color: #444
i
font-size: 38px
line-height: 22px
.logo
width: logo-width * 0.8
height: logo-height * 0.8
background-size: logo-width * 0.8 logo-height * 0.8

View File

@@ -0,0 +1,27 @@
#header
background: color-header-background
padding-bottom: nav-height
position: relative
#header-outer
height: 100%
position: relative
#header-inner
position: relative
#header-title
clearfix()
text-align: center
padding: 10px 10px
.logo-wrap, .subtitle-wrap
float: left
.subtitle-wrap
padding: 10px 0px 0px
margin-left: 20px
.subtitle
font-size: 16px
font-style: italic
line-height: logo-height + 10
color: color-nav-foreground
text-shadow: 0 1px rgba(0, 0, 0, 0.2)

View File

@@ -0,0 +1,130 @@
// Insight Search Styles
ins-container-width = 540px
ins-text-grey = #9a9a9a
ins-border-grey = #e2e2e2
ins-background-grey = #f7f7f7
ins-background-theme = color-theme
$ins-full-screen
top: 0
left: 0
margin: 0
width: 100%
height: 100%
.ins-search
display: none
&.show
display: block
.ins-selectable
cursor: pointer
.ins-search-mask,
.ins-search-container
position: fixed
.ins-search-mask
top: 0
left: 0
width: 100%
height: 100%
z-index: 100
background: rgba(0,0,0,0.5)
.ins-input-wrapper
position: relative
.ins-search-input
width: 100%
border: none
outline: none
font-size: 16px
box-shadow: none
font-weight: 200
border-radius: 0
background: white
line-height: 20px
box-sizing: border-box
padding: 12px 28px 12px 20px
border-bottom: 1px solid ins-border-grey
font-family: "Microsoft Yahei Light", "Microsoft Yahei", Helvetica, Arial, sans-serif
.ins-close
top: 50%
right: 6px
width: 20px
height: 20px
font-size: 16px
margin-top: -11px
position: absolute
text-align: center
display: inline-block
&:hover
color: ins-background-theme
.ins-search-container
left: 50%
top: 100px
z-index: 101
bottom: 100px
box-sizing: border-box
width: ins-container-width
margin-left: -(ins-container-width/2)
@media screen and (max-width: 559px), screen and (max-height: 479px)
top: 0
left: 0
margin: 0
width: 100%
height: 100%
background: ins-background-grey
.ins-section-wrapper
left: 0
right: 0
top: 45px
bottom: 0
overflow-y: auto
position: absolute
.ins-section-container
position: relative
background: ins-background-grey
.ins-section
font-size: 14px
line-height: 16px
.ins-section-header,
.ins-search-item
padding: 8px 15px
.ins-section-header
color: ins-text-grey
border-bottom: 1px solid ins-border-grey
.ins-slug
margin-left: 5px
color: ins-text-grey
&:before
content: '('
&:after
content: ')'
.ins-search-item
header,
.ins-search-preview
overflow: hidden
white-space: nowrap
text-overflow: ellipsis
header
.fa
margin-right: 8px
.ins-search-preview
height: 15px
font-size: 12px
color: ins-text-grey
margin: 5px 0 0 20px
&:hover,
&.active
color: white
background: ins-background-theme
.ins-slug,
.ins-search-preview
color: white

View File

@@ -0,0 +1,120 @@
$nav-link
float: left
color: color-nav-foreground
text-decoration: none
text-shadow: 0 1px rgba(0, 0, 0, 0.2)
display: block
padding: 20px 15px
transition: 0.2s ease-in
&:hover
color: #fff
background: color-nav-hover-background
.nav-container
clearfix()
padding: 0 15px
background: color-nav-background
z-index: 1
box-shadow: inset 0 1px 0 rgba(255,255,255,0.05),
0 -1px 0 rgba(0,0,0,0.2),
inset 1px 0 0 rgba(0,0,0,0.2),
inset -1px 0 0 rgba(0,0,0,0.2)
.nav-icon
@extend $nav-link
line-height: 20px
padding: 15px 14px
text-align: center
font-size: font-size
position: relative
cursor: pointer
#main-nav-toggle
display: none
width: 100%
text-align: right
box-sizing: border-box
border-bottom: 1px solid rgba(255,255,255,0.06)
&:before
content: "\f0c9"
.nav-container-inner
clearfix()
#main-nav
float: left
.main-nav-list
float: left
.main-nav-list-item
position: relative
float: left
&.top-level-menu
& > a:after
content: "\f0d7" !important
float: none
margin-left: 6px
font-size: 14px
line-height: 1.2em
opacity: 0.5
font-family: FontAwesome
display: inline-block
&:hover
& > a
color: #fff
background: rgba(0,0,0,0.1)
.main-nav-list-link
@extend $nav-link
line-height: 20px
padding: 15px 14px
font-size: 16px
&.current
color: #fff
.main-nav-list-child
top: 100%
display: none
padding: 10px 0
overflow: hidden
position: absolute
width: main-nav-child-width
background: color-nav-background url(images/opacity-10.png) repeat
li
box-shadow: 0 1px 0 rgba(255,255,255,0.06)
&:last-child
box-shadow: none
li, li a
width: 100%
display: block
box-sizing: border-box
#sub-nav
float: right
.search-form
padding: 14px 15px 16px
height: 50px
overflow: hidden
box-sizing: border-box
&:before
content: "\f002"
margin-right: 8px
color: color-nav-foreground
font: normal normal normal 16px/1 FontAwesome
.search-form-input,
.search-form-input.ins-search-input,
.search-form-input.st-ui-search-input,
.search-form-input.st-default-search-input
-webkit-appearance: textarea
padding: 0
width: 100px
height: auto !important
border: none !important
outline: none !important
background: none !important
line-height: line-height
transition: 0.2s ease-in
font: 16px font-sans
color: color-nav-foreground
&:focus
width: 200px
&::-webkit-search-results-decoration
&::-webkit-search-cancel-button
-webkit-appearance: none
.search-form-submit
display: none

View File

@@ -0,0 +1,259 @@
#sidebar
if sidebar is right
float: right
margin-right: - sidebar-width
else
float: left
margin-left: - sidebar-width
width: sidebar-width
.sidebar-toggle
display: none
.sidebar-top
clearfix()
background: color-theme
padding: 15px 30px
.sidebar-top-inner
clearfix()
p
float: left
color: rgba(255,255,255,0.8)
font-size: 16px
font-weight: 600
text-transform: uppercase
line-height: 24px
padding: 3px 0
.social-links
float: right
position: relative
padding-top: 2px
li
float: left
margin-left: 8px
a
&:hover
i
&:before
color: #fff
.social-tooltip
position: relative
&:hover
&:after
top: -41px
background: #fff
font-size: 14px
color: #666
content: attr(title)
display: block
right: 0
padding: 5px 15px
position: absolute
white-space: nowrap
border-radius: 3px
box-shadow: 0 0 2px rgba(0,0,0,0.2)
text-transform: uppercase
z-index: 1
&:before
top: -10px
right: 8px
border: solid
border-color: #fff transparent
border-width: 5px 5px 0 5px
content: ""
display: block
position: absolute
z-index: 2
i
color: rgba(255,255,255,0.7)
font-size: font-icon-profile-size
width: font-icon-profile-size
#article-nav
clearfix()
position: relative
.article-nav-link-wrap
position: relative
margin-top: 0
display: block
color: color-grey
padding: 16px 40px 24px
border-bottom: 1px solid color-border
transition: 0.2s ease-in
text-align: center
text-decoration: none
.icon
position: absolute
color: #ccc
font-size: 18px
top: 50%
width: 1em
margin-top: -10px
#icon-chevron-left
left: 10px
#icon-chevron-right
right: 10px
&:hover
background: rgba(0,0,0,0.02)
.icon
color: color-theme
.article-nav-caption
display: block
font-size: 12px
color: color-grey
letter-spacing: 0.5px
line-height: 24px
font-weight: normal
text-transform: uppercase
.article-nav-title
font-size: 15px
color: #666
.widget-wrap
padding: 30px 30px 20px
.widget-title
font-size: 15px
font-weight: 400
text-transform: uppercase
margin-bottom: 6px
.widget
@extend $base-style
line-height: line-height
word-wrap: break-word
font-size: 0.9em
color: color-sidebar-text
border-radius: 3px
a
text-decoration: none
color: color-sidebar-text
&:hover
color: color-sidebar-text-dark
ul, ol, dl
ul, ol, dl
margin-left: 15px
list-style: disc
ul, ol
list-style: none
margin: 0
ul, ol
margin: 0 20px
ul
list-style: disc
ol
list-style: decimal
.widget-list
ul, ol
list-style: none
li
margin: 10px 0
padding-bottom: 10px
font-size: font-size + 1
border-bottom: 1px solid #E4E4E4
&:last-child
margin-bottom: 0px
a
color: color-sidebar-text
&:before
color: #ccc
content: "\f0da"
font-size: 12px
margin-right: 6px
font-family: FontAwesome
transition: 0.2s ease
&:hover:before
color: color-sidebar-text-dark
ul, ol
list-style: none
li
border: none
padding-bottom: 0
.widget-float
a
font-size: font-size + 1
#recent-post
li
clearfix()
padding: 10px 0 10px 94px
border-bottom: 1px solid color-border
&.no-thumbnail
li
padding: 10px 0px
li
.item-thumbnail
opacity: 1
margin-left: -94px
transition: all 0.2s ease
float: left
.thumbnail
width: 80px
height: 80px
display: block
position: relative
overflow: hidden
span
width: 100%
height: 100%
display: block
.thumbnail-image
position: absolute
background-size: cover
background-position: center
.thumbnail-none
background-image: url(thumbnail-default-small)
background-size: 100% 100%
.item-inner
a
.item-category
font-size: 13px
text-transform: uppercase
a
color: color-theme
&:hover
color: color-sidebar-text-dark
a, .icon
margin-right: 5px
.item-title
font-size: 15px
a
color: color-sidebar-text-dark
transition: all 0.2s ease
.item-date
color: #aaa
font-size: 13px
text-transform: uppercase
&:hover
.item-thumbnail
opacity: 0.8
.item-title a
color: color-theme
.category-list-count
.tag-list-count
.archive-list-count
padding-left: 5px
color: color-grey
font-size: 0.85em
&:before
content: "("
&:after
content: ")"
.tagcloud
a
margin-right: 5px
.toc-article
margin: 0
padding: 0
.toc
padding: 0
margin: 10px 0 0
.toc-item
list-style: none

View File

@@ -0,0 +1,202 @@
/* ------------------------------------------------------------------------- *
* Style Fix : > 960px
/* ------------------------------------------------------------------------- */
@media only screen and (min-width: 960px)
.nav-container-inner
display: block !important
/* ------------------------------------------------------------------------- *
* Toggle Sidebar s1 : 959px > 480px
/* ------------------------------------------------------------------------- */
@media only screen and (min-width: 480px) and (max-width: 959px)
#header
padding-bottom: sidebar-toggle-width
.nav-container-inner
display: block !important
#main-nav
.main-nav-more > ul
.main-nav-list-child
position: relative
padding: 0px
.search-form-input
&:focus
width: 100px
.main-body
margin-top: - sidebar-toggle-width
.main-body-inner
if sidebar is right
padding-right: sidebar-toggle-width
background-position: -340px 0 !important
else
padding-left: sidebar-toggle-width
background-position: -290px 0 !important
#sidebar
clearfix()
if sidebar is right
right: 0
background: url(images/s-left.png) repeat-y right 0
else
left: 0
background: url(images/s-left.png) repeat-y left 0
margin: 0
height: 100%
position: absolute
overflow: hidden
width: sidebar-toggle-width
transition: width 0.2s ease-in 0.2s
.sidebar-toggle
display: block
padding: 6px
color: rgba(255,255,255,0.7)
text-align: center
height: sidebar-toggle-width
background: color-theme
box-sizing: border-box
.toggle
line-height: 38px
font-size: 38px
width: 38px
font-family: fontawesome
&:before
if sidebar is right
content: '\f100'
else
content: '\f101'
.sidebar-top
padding: 10px 30px
background: none
border-bottom: 1px solid color-border
p, a, i
color: #666
#article-nav, .widgets-container, .sidebar-top
opacity: 0
transition: opacity 0.2s ease-in
&.expend
width: sidebar-width
overflow-y: auto
z-index: 2
transition: width 0.2s ease-in
.toggle
&:before
content: '\f100'
#article-nav, .widgets-container, .sidebar-top
opacity: 1
transition: opacity 0.2s ease-in 0.2s
.sidebar-top
display: block
.social-links
.social-tooltip
&:after,
&:before
display: none
#main
.main-body-header,
.archive-year-wrap
padding: 12px 30px
/* ------------------------------------------------------------------------- *
* Mobile (Low Res) : 479px > 0 (320px)
/* ------------------------------------------------------------------------- */
@media only screen and (max-width: 479px)
.container
padding: 0px
#header
.logo-wrap
width: 100%
display: block
text-align: center
.logo
margin: 0 auto
.subtitle-wrap
display: block
width: 100%
margin-left: 0px
.nav-container
padding: 0px
#main-nav-toggle
float: none
display: block
.nav-container-inner
display: none
#main-nav
display: block
float: none
.main-nav-list-item,
.main-nav-list-link
clearfix()
display: block
float: none
box-shadow: none
box-sizing: border-box
font-size: font-size
.main-nav-list-item
&.top-level-menu
& > a
position: relative
&:after
display: none
&:hover > a
background: none
color: color-nav-foreground
& > a:hover
color: #fff
background: color-nav-hover-background
.main-nav-list-child
display: block !important
position: relative
width: 100%
padding: 0px
background: none
.main-nav-list-link
padding-left: 30px
a
border-bottom: 1px solid rgba(255,255,255,0.06)
#sub-nav
float: none
.search-form
&:before
font-size: font-size
.search-form-input
font-size: font-size
width: 90%
.main-body-inner
padding: 0px
background: none
#main
float: none
.main-body-header,
.archive-year-wrap
padding: 13px 15px 12px;
.main-body-content
.article-single,
#comments
padding: 15px
#page-nav
padding-right: 15px
box-sizing: border-box
.article-row
padding: 0 0 0 15px
border: none
.article-summary
width: 100%
.article-summary-inner
margin: 15px 15px 15px 0
#sidebar
float: none
margin: 0px
width: 100%
background: color-sidebar-background
.sidebar-top,
.widget-wrap
padding: 15px
.widgets-container
padding-bottom: 15px
#footer
margin-top: 0px
#back-to-top
box-shadow: 0 1px 1px rgba(0,0,0,0.1), inset 0 1px 0 rgba(0,0,0,0.05);
.logo
margin: 0 auto
.credit
text-align: center

View File

@@ -0,0 +1,64 @@
// Config
support-for-ie = false
vendor-prefixes = webkit moz ms official
// Colors
color-default = #555
if hexo-config("customize.theme_color")
color-theme = convert(hexo-config("customize.theme_color"))
else
color-theme = #3b8dbd
color-grey = #aaa
color-header-background = #26272b
color-main-background = #fff
color-background = #eaeaea
color-mobile-nav-background = #191919
color-border = #ddd
color-border-light = #eee
color-nav-foreground = rgba(255,255,255,0.7)
color-nav-background = #33363b
color-nav-hover-background = rgba(0,0,0,0.1)
color-sidebar-background = #f0f0f0
color-sidebar-text = #777
color-sidebar-text-dark = #444
color-footer-background = #33363b
// Fonts
font-sans = "Titillium Web", "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", sans-serif
font-serif = Georgia, "Times New Roman", serif
font-mono = "Source Code Pro", Consolas, Monaco, Menlo, Consolas, monospace
font-icon-profile-size = 24px
font-size = 14px
font-size-article = 18px
line-height = 1.6em
line-height-title = 1.3em
// Header
logo-url = hexo-config("customize.logo.url")
logo-width = 0px + hexo-config("customize.logo.width")
logo-height = 0px + hexo-config("customize.logo.height")
// Sidebar
sidebar = hexo-config("customize.sidebar")
sidebar-width = 340px
sidebar-toggle-width = 50px
// Layout
container-padding = 20px
container-inner-min-width = 320px
container-inner-max-width = 1120px
article-padding = 20px
nav-height = 60px
main-nav-child-width = 180px
mobile-nav-width = 280px
thumbnail-default = "images/thumb-default.png"
thumbnail-default-small = "images/thumb-default-small.png"
// Code Highlight
highlight = hexo-config("customize.highlight") || "tomorrow"
// Miscellaneous
color-twitter = #00aced
color-facebook = #3b5998
color-pinterest = #cb2027
color-google = #dd4b39

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 77 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 76 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 KiB

View File

@@ -0,0 +1,119 @@
@import "nib"
@import "_variables"
@import "_extend"
global-reset()
input, button
margin: 0
padding: 0
&::-moz-focus-inner
border: 0
padding: 0
html, body, #container
height: 100%
::selection
color: white
background: color-theme
body
background: color-background
font: font-size font-sans
-webkit-text-size-adjust: 100%
code
margin: 0 2px
color: #e96900
padding: 3px 5px
font-size: 0.8em
border-radius: 2px
font-family: font-mono
background-color: #f8f8f8
.container
position: relative
padding: 0 container-padding
.container-inner
clearfix()
max-width: container-inner-max-width
min-width: container-inner-min-width
width: 100%
margin: 0 auto
.left, .alignleft
float: left
.right, .alignright
float: right
.clear
clear: both
.logo
display: block
padding: 10px 0
width: logo-width
height: logo-height
background-image: url(logo-url)
background-position: 0px 10px
background-repeat: no-repeat
background-size: logo-width logo-height
.main-body
margin-top: - nav-height
background-color: color-main-background
.main-body-inner
clearfix()
position: relative
box-sizing: border-box
box-shadow: rgba(0, 0, 0, 0.0980392) 0px 1px 1px 0px
if sidebar is right
padding-right: sidebar-width
background: url(images/s-left.png) repeat-y right 0
else
padding-left: sidebar-width
background: url(images/s-left.png) repeat-y left 0
#main
if sidebar is right
float: left
else
float: right
width: 100%
box-sizing: border-box
min-height: 600px
.main-body-header
background: #fff
position: relative
padding: 18px 30px 17px
border-bottom: 1px solid color-border-light
color: color-default + #111
font-size: 16px
font-weight: 600
text-transform: uppercase
line-height: 24px
.page-title-link, i
margin-right: 8px
i
font-weight: 400
em, a
@extend $block-caption
color: color-grey
.main-body-content
clearfix()
@import "_partial/header"
@import "_partial/nav"
@import "_partial/sidebar"
@import "_partial/article"
@import "_partial/comment"
@import "_partial/archive"
@import "_partial/footer"
@import "_partial/assets"
@import "_partial/insight"
@import "_highlight/index"
@import "_responsive"