110 lines
1.4 KiB
CSS
110 lines
1.4 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;
|
|
}
|
|
}
|
|
|
|
.greycode code {
|
|
background: #f3f3f3;
|
|
padding: 5px 5px 4px 5px;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.greycode code + em {
|
|
color: #aaa;
|
|
}
|
|
|
|
.greycode a {
|
|
margin: 0 5px;
|
|
}
|