162 lines
2.6 KiB
CSS
162 lines
2.6 KiB
CSS
/*
|
|
* pages list
|
|
*/
|
|
|
|
.pages-list {
|
|
font-size: 0.9em;
|
|
max-width: 800px;
|
|
margin: 60px auto;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.pages-list a {
|
|
display: block;
|
|
padding: 6px 0;
|
|
text-align: left;
|
|
float: left;
|
|
width: 44%;
|
|
margin: 0 3%;
|
|
box-shadow: none;
|
|
transition: all 100ms linear;
|
|
}
|
|
|
|
.pages-list a .title,
|
|
.pages-list a .date {
|
|
display: block;
|
|
}
|
|
|
|
.pages-list a .title {
|
|
font-weight: bold;
|
|
color: #111;
|
|
float: left;
|
|
}
|
|
|
|
.pages-list a .date {
|
|
color: #aaa;
|
|
font-size: 0.9em;
|
|
float: right;
|
|
}
|
|
|
|
.pages-list a:hover .title,
|
|
.pages-list a:focus .title {
|
|
color: dodgerblue;
|
|
}
|
|
|
|
/*
|
|
* post headline
|
|
*/
|
|
|
|
.post-headline.-cheatsheet .prelude {
|
|
color: #111;
|
|
font-size: 0.8em;
|
|
text-transform: uppercase;
|
|
letter-spacing: 2px;
|
|
margin-bottom: 0;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.post-headline.-cheatsheet .prelude span {
|
|
border-bottom: solid 3px #111;
|
|
padding: 1.5em 20px;
|
|
}
|
|
|
|
.post-headline.-cheatsheet .prelude span:before {
|
|
content: 'The great cheatsheet for';
|
|
}
|
|
|
|
.post-headline.-cheatsheet h1 {
|
|
color: #111;
|
|
font-size: 3.3em;
|
|
text-shadow:
|
|
2px 2px 0 white,
|
|
3px 3px 0 #ddd;
|
|
}
|
|
|
|
/*
|
|
* about the site
|
|
*/
|
|
|
|
.about-the-site {
|
|
margin-top: 8em;
|
|
}
|
|
|
|
.about-the-site .back {
|
|
margin-right: 0;
|
|
}
|
|
|
|
/*
|
|
* markdown
|
|
*/
|
|
|
|
@media (min-width: 768px) {
|
|
h2 {
|
|
margin-top: 3em;
|
|
}
|
|
}
|
|
|
|
pre {
|
|
background: #fcfcfc;
|
|
border-bottom: solid 1px #eef3fa;
|
|
}
|
|
|
|
/*
|
|
* grey code
|
|
*/
|
|
|
|
.greycode td:first-child code,
|
|
.greycode th:first-child code {
|
|
background: #f3f3f3;
|
|
padding: 5px 5px 4px 5px;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.greycode td:first-child code + em,
|
|
.greycode th:first-child code + em {
|
|
color: #808890;
|
|
font-size: 0.9em;
|
|
margin: 0 5px;
|
|
}
|
|
|
|
.greycode a {
|
|
margin: 0 5px;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
table.greycode {
|
|
width: calc(620px + 100px);
|
|
margin-left: -50px;
|
|
background: #fcfcfc;
|
|
border-radius: 4px;
|
|
border-top: 0;
|
|
border-bottom: solid 1px #eef3fa;
|
|
}
|
|
|
|
table.greycode thead:first-child > tr:first-child > th,
|
|
table.greycode thead:first-child > tr:first-child > td,
|
|
table.greycode tbody:first-child > tr:first-child > th,
|
|
table.greycode tbody:first-child > tr:first-child > td {
|
|
border-top: 0;
|
|
}
|
|
|
|
table.greycode thead > tr:first-child > th,
|
|
table.greycode thead > tr:first-child > td,
|
|
table.greycode tbody > tr:first-child > th,
|
|
table.greycode tbody > tr:first-child > td {
|
|
border-top: solid 1px #c7d7ee;
|
|
}
|
|
|
|
table.greycode td:first-child,
|
|
table.greycode th:first-child {
|
|
padding-left: 50px;
|
|
}
|
|
|
|
table.greycode td:last-child,
|
|
table.greycode th:last-child {
|
|
padding-right: 50px;
|
|
}
|
|
}
|
|
|
|
.hljs-comment {
|
|
font-style: normal;
|
|
}
|