ThirdMirrors
/
cheatsheets
mirror of https://gitee.com/Hawkin99/cheatsheets.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Update styles

This commit is contained in:
Rico Sta. Cruz 2015-03-06 18:19:22 +08:00
parent 48c37b38f9
commit b0f996835a
6 changed files with 62 additions and 53 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
Makefile
View File

@ -1,4 +1,11 @@
PORT ?= 3000
bundle := env BUNDLE_GEMFILE=./_/Gemfile bundle
start:
env BUNDLE_GEMFILE=./_/Gemfile bundle exec jekyll serve --drafts --watch --port ${PORT}
start: bundle
${bundle} exec jekyll serve --safe --drafts --watch --port ${PORT}
build: bundle
${bundle} exec jekyll build --safe
bundle:
${bundle}

17
_/layouts/default.html
View File

@ -1,19 +1,18 @@
---
---
{% include head.html %}
{% include site-header.html %}
<div class='blog-header'>
<div>
<h1><a href="/">{{ site.meta.name }}</a></h1>
</div>
</div>
<div class='article-item -cheatsheet'>
<div class='article-headline -cheatsheet'>
<div class='post-list -single -cheatsheet'>
<div class='post-item'>
<div class='post-headline -cheatsheet'>
<h1>{{ page.title }}</h1>
</div>
<div class='article-content -cheatsheet'>
<div class='post-content -cheatsheet'>
{{ content }}
</div>
</div>
</div>
{% include foot.html %}

7
_/layouts/home.html
View File

@ -2,12 +2,7 @@
html_class: home
---
{% include head.html %}
<div class='blog-header'>
<div>
<h1><a href="./">{{ site.meta.name }}</a></h1>
</div>
</div>
{% include site-header.html %}
<div class='pages-list'>
{% for page in site.pages %}

2
_includes/head.html
View File

@ -3,7 +3,7 @@
<head>
<meta charset="UTF-8" />
<title>{{ page.title }} cheatsheet</title>
<link href="http://ricostacruz.com/assets/article.css" rel="stylesheet" />
<link href="http://ricostacruz.com/til/assets/style.css" rel="stylesheet" />
<link href="assets/style.css" rel="stylesheet" />
</head>
<body>

6
_includes/site-header.html Normal file
View File

@ -0,0 +1,6 @@
<div class='site-header'>
<div class='container'>
This is <a href="/"><em>{{ site.meta.name }}</em></a> &mdash; collection of cheatsheets I've written.
</div>
</div>

62
assets/style.css
View File

@ -1,32 +1,34 @@
.article-content pre, .with-footnote pre , .panorama-section pre , .article-content > .panorama-section pre {
/*max-width: 900px; */
}
.article-content pre > code, .with-footnote pre > code, .panorama-section pre > code, .article-content > .panorama-section pre > code {
overflow: auto;
font-size: 0.85em;
margin-left: -30px;
margin-right: -30px;
}
.article-headline h1:after {
content: '';
.pages-list {
font-size: 0.9em;
max-width: 800px;
margin: 60px auto;
overflow: hidden;
}
.pages-list a {
display: block;
width: 80px;
height: 1px;
background: #ddd;
margin: 40px auto;
}
.hljs-keyword, .hljs-builtin {
font-weight: normal;
color: #050505;
}
.article-content h2 a,
.article-content h3 a,
.article-content h4 a,
.article-content h2 a:visited,
.article-content h3 a:visited,
.article-content h4 a:visited {
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;
}