Personal blog written from scratch using Node.js, Bootstrap, and MySQL.
https://jrtechs.net
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
226 lines
3.3 KiB
226 lines
3.3 KiB
/*
|
|
|
|
github.com style (c) Vasily Polovnyov <vast@whiteants.net>
|
|
|
|
*/
|
|
|
|
pre code {
|
|
display: block; padding: 0.5em;
|
|
color: #000;
|
|
background: #f8f8ff
|
|
}
|
|
|
|
pre .comment,
|
|
pre .template_comment,
|
|
pre .diff .header,
|
|
pre .javadoc {
|
|
color: #998;
|
|
font-style: italic
|
|
}
|
|
|
|
pre .keyword,
|
|
pre .css .rule .keyword,
|
|
pre .winutils,
|
|
pre .javascript .title,
|
|
pre .lisp .title,
|
|
pre .subst {
|
|
color: #000;
|
|
font-weight: bold
|
|
}
|
|
|
|
pre .number,
|
|
pre .hexcolor {
|
|
color: #40a070
|
|
}
|
|
|
|
pre .string,
|
|
pre .tag .value,
|
|
pre .phpdoc,
|
|
pre .tex .formula {
|
|
color: #d14
|
|
}
|
|
|
|
pre .title,
|
|
pre .id {
|
|
color: #900;
|
|
font-weight: bold
|
|
}
|
|
|
|
pre .javascript .title,
|
|
pre .lisp .title,
|
|
pre .subst {
|
|
font-weight: normal
|
|
}
|
|
|
|
pre .class .title,
|
|
pre .haskell .label,
|
|
pre .tex .command {
|
|
color: #458;
|
|
font-weight: bold
|
|
}
|
|
|
|
pre .tag,
|
|
pre .tag .title,
|
|
pre .rules .property,
|
|
pre .django .tag .keyword {
|
|
color: #000080;
|
|
font-weight: normal
|
|
}
|
|
|
|
pre .attribute,
|
|
pre .variable,
|
|
pre .instancevar,
|
|
pre .lisp .body {
|
|
color: #008080
|
|
}
|
|
|
|
pre .regexp {
|
|
color: #009926
|
|
}
|
|
|
|
pre .class {
|
|
color: #458;
|
|
font-weight: bold
|
|
}
|
|
|
|
pre .symbol,
|
|
pre .ruby .symbol .string,
|
|
pre .ruby .symbol .keyword,
|
|
pre .ruby .symbol .keymethods,
|
|
pre .lisp .keyword,
|
|
pre .tex .special,
|
|
pre .input_number {
|
|
color: #990073
|
|
}
|
|
|
|
pre .builtin,
|
|
pre .built_in,
|
|
pre .lisp .title {
|
|
color: #0086b3
|
|
}
|
|
|
|
pre .preprocessor,
|
|
pre .pi,
|
|
pre .doctype,
|
|
pre .shebang,
|
|
pre .cdata {
|
|
color: #999;
|
|
font-weight: bold
|
|
}
|
|
|
|
pre .deletion {
|
|
background: #fdd
|
|
}
|
|
|
|
pre .addition {
|
|
background: #dfd
|
|
}
|
|
|
|
pre .diff .change {
|
|
background: #0086b3
|
|
}
|
|
|
|
pre .chunk {
|
|
color: #aaa
|
|
}
|
|
|
|
pre .tex .formula {
|
|
opacity: 0.5;
|
|
}
|
|
|
|
|
|
.hemisu-comment, pre .comment, pre .xml .doctype, pre .html .doctype {
|
|
color: #999999;
|
|
}
|
|
|
|
.hemisu-accent1, pre .number, pre .ruby .keyword {
|
|
color: #538192;
|
|
}
|
|
|
|
.hemisu-accent2, pre .string, pre .regexp, pre .xml .value, pre .html .value {
|
|
color: #739200;
|
|
}
|
|
|
|
.hemisu-accent3, pre .keyword, pre .title, pre .constant, pre .xml .tag, pre .html .tag, pre .css .rules .attribute {
|
|
color: #ff0055;
|
|
}
|
|
|
|
.hemisu-accent4 {
|
|
color: #503d15;
|
|
}
|
|
|
|
pre code {
|
|
display: block;
|
|
background: white;
|
|
color: #111111;
|
|
font-family: Menlo, Monaco, Consolas, monospace;
|
|
line-height: 1.5;
|
|
border: 1px solid #ccc;
|
|
padding: 10px;
|
|
}
|
|
pre .xml .tag .title {
|
|
color: #111111;
|
|
}
|
|
pre .html .tag .title {
|
|
color: #111111;
|
|
}
|
|
|
|
|
|
|
|
.wrapper {
|
|
max-width: 680px;
|
|
margin: 60px auto;
|
|
padding: 0 20px;
|
|
}
|
|
|
|
.youtube {
|
|
background-color: #000;
|
|
margin-bottom: 30px;
|
|
position: relative;
|
|
padding-top: 56.25%;
|
|
overflow: hidden;
|
|
cursor: pointer;
|
|
}
|
|
.youtube img {
|
|
width: 100%;
|
|
top: -16.82%;
|
|
left: 0;
|
|
opacity: 0.7;
|
|
}
|
|
.youtube .play-button {
|
|
width: 90px;
|
|
height: 60px;
|
|
background-color: #333;
|
|
box-shadow: 0 0 30px rgba( 0,0,0,0.6 );
|
|
z-index: 1;
|
|
opacity: 0.8;
|
|
border-radius: 6px;
|
|
}
|
|
.youtube .play-button:before {
|
|
content: "";
|
|
border-style: solid;
|
|
border-width: 15px 0 15px 26.0px;
|
|
border-color: transparent transparent transparent #fff;
|
|
}
|
|
.youtube img,
|
|
.youtube .play-button {
|
|
cursor: pointer;
|
|
}
|
|
.youtube img,
|
|
.youtube iframe,
|
|
.youtube .play-button,
|
|
.youtube .play-button:before {
|
|
position: absolute;
|
|
}
|
|
.youtube .play-button,
|
|
.youtube .play-button:before {
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate3d( -50%, -50%, 0 );
|
|
}
|
|
.youtube iframe {
|
|
height: 100%;
|
|
width: 100%;
|
|
top: 0;
|
|
left: 0;
|
|
}
|