mirror of
https://github.com/jekyll/jekyll.git
synced 2026-02-11 15:14:57 -05:00
1163fa905e
It would really pain me if the default Jekyll site were XHTML. That'd be bad for the internet. Instead, use Twitter Bootstrap as a base (while still keeping @mojombo's origin design), to give users a great initial baseline to build beautiful, simple sites. Defaults are more than just the starting point. It's what 80% of users are going to use. Look at WordPress and the default theme. May as well lead by example and start the user off right. * Add Bootstrap base CSS as a better reset and base layer * Update default layout to HTML5 with boilerplate best practices * Add title and post date to post.html (rather than including in the post itself) * Make site title a variable and add to _config.yml * Add page title to header * Add default .gitignore to ignore `_site` * Remove unused `rss.png` and `.gitkeep` * Add Modernizr for legacy IE support
190 lines
2.8 KiB
CSS
Executable File
190 lines
2.8 KiB
CSS
Executable File
/*****************************************************************************/
|
|
/*
|
|
/* Common
|
|
/*
|
|
/*****************************************************************************/
|
|
|
|
/* Global Reset */
|
|
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
html, body {
|
|
height: 100%;
|
|
}
|
|
|
|
body {
|
|
background-color: white;
|
|
font: 13.34px helvetica, arial, clean, sans-serif;
|
|
*font-size: small;
|
|
text-align: center;
|
|
}
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
font-size: 100%;
|
|
}
|
|
|
|
h1 {
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
p {
|
|
margin: 1em 0;
|
|
}
|
|
|
|
a {
|
|
color: #00a;
|
|
}
|
|
|
|
a:hover {
|
|
color: black;
|
|
}
|
|
|
|
a:visited {
|
|
color: #a0a;
|
|
}
|
|
|
|
table {
|
|
font-size: inherit;
|
|
font: 100%;
|
|
}
|
|
|
|
/*****************************************************************************/
|
|
/*
|
|
/* Home
|
|
/*
|
|
/*****************************************************************************/
|
|
|
|
ul.posts {
|
|
list-style-type: none;
|
|
margin-bottom: 2em;
|
|
}
|
|
|
|
ul.posts li {
|
|
line-height: 1.75em;
|
|
}
|
|
|
|
ul.posts span {
|
|
color: #aaa;
|
|
font-family: Monaco, "Courier New", monospace;
|
|
font-size: 80%;
|
|
}
|
|
|
|
/*****************************************************************************/
|
|
/*
|
|
/* Site
|
|
/*
|
|
/*****************************************************************************/
|
|
|
|
.site {
|
|
font-size: 110%;
|
|
text-align: justify;
|
|
width: 42em;
|
|
margin: 3em auto 2em auto;
|
|
line-height: 1.5em;
|
|
}
|
|
|
|
.title {
|
|
color: #a00;
|
|
font-weight: bold;
|
|
margin-bottom: 2em;
|
|
}
|
|
|
|
.site .title a {
|
|
color: #a00;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.site .title a:hover {
|
|
color: black;
|
|
}
|
|
|
|
.site .title a.extra {
|
|
color: #aaa;
|
|
text-decoration: none;
|
|
margin-left: 1em;
|
|
}
|
|
|
|
.site .title a.extra:hover {
|
|
color: black;
|
|
}
|
|
|
|
.site .meta {
|
|
color: #aaa;
|
|
}
|
|
|
|
.site footer {
|
|
font-size: 80%;
|
|
color: #666;
|
|
border-top: 4px solid #eee;
|
|
margin-top: 2em;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.site footer .contact {
|
|
float: left;
|
|
margin-right: 3em;
|
|
}
|
|
|
|
.site footer .contact a {
|
|
color: #8085C1;
|
|
}
|
|
|
|
.site footer .rss {
|
|
margin-top: 1.1em;
|
|
margin-right: -.2em;
|
|
float: right;
|
|
}
|
|
|
|
.site footer .rss img {
|
|
border: 0;
|
|
}
|
|
|
|
/*****************************************************************************/
|
|
/*
|
|
/* Posts
|
|
/*
|
|
/*****************************************************************************/
|
|
|
|
#post {
|
|
|
|
}
|
|
|
|
/* standard */
|
|
|
|
#post pre {
|
|
border: 1px solid #ddd;
|
|
background-color: #eef;
|
|
padding: 0 .4em;
|
|
}
|
|
|
|
#post ul,
|
|
#post ol {
|
|
margin-left: 1.35em;
|
|
}
|
|
|
|
#post code {
|
|
border: 1px solid #ddd;
|
|
background-color: #eef;
|
|
font-size: 85%;
|
|
padding: 0 .2em;
|
|
}
|
|
|
|
#post pre code {
|
|
border: none;
|
|
}
|
|
|
|
/* terminal */
|
|
|
|
#post pre.terminal {
|
|
border: 1px solid black;
|
|
background-color: #333;
|
|
color: white;
|
|
}
|
|
|
|
#post pre.terminal code {
|
|
background-color: #333;
|
|
}
|