1
0
Fork 0
mirror of https://github.com/treffynnon/sqlstyle.guide.git synced 2025-03-09 12:49:51 -05:00

Add some styling to the guide

This commit is contained in:
Simon Holywell 2015-07-06 13:58:19 +01:00
parent d71aa10106
commit daeb0527e1
3 changed files with 41 additions and 5 deletions

View file

@ -5,12 +5,14 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
<title>{{ site.name }}</title>
<link href="http://fonts.googleapis.com/css?family=PT+Sans|Roboto+Slab|Droid+Sans+Mono" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="style.css">
</head>
<body>
{% include head.html %}
{{ content }}
<div id="content">
{{ content }}
</div>
{% include foot.html %}
<script src="scripts.js"></script>
</body>

View file

@ -6,4 +6,4 @@ layout: nil
hljs.initHighlightingOnLoad();
{% include anchor.min.js %}
anchors.add();
anchors.add('h2,h3,h4,h5,h6');

View file

@ -20,7 +20,7 @@ html {
body {
margin: 0;
font: 1rem/1.5 "PT Sans", sans-serif;
color: #5a5a5a;
color: #333;
}
/*
@ -30,7 +30,41 @@ End styles from codeguide.co by @mdo
*/
#content {
padding: 2% 10%;
max-width: 48em;
margin: 0 auto;
}
h1 {
font-family: 'Roboto Slab', serif;
font-weight: 400;
}
h2 {
font-family: 'Roboto Slab', sans-serif;
font-weight: 400;
border-bottom: 0.25em solid #e2e2e2;
padding-bottom: 0.3em;
}
h3:before {
content: '➤';
width: 1.5em;
display: inline-block;
margin-left: -1.5em;
color: #f46801;
font-weight: normal;
}
/* Syntax highlighting */
code {
font-family: 'Droid Sans Mono', monospace;
font-size: 0.825em;
color: #666;
}
pre code {
max-height: 450px;
overflow-y: auto;
@ -39,5 +73,5 @@ pre code {
{% include highlight.hybrid.css %}
.anchorjs-link {
color: #FF5231;
color: #f46801;
}