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

Add some styling to the guide

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

6
_layouts/default.html
View file

@ -5,12 +5,14 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
<title>{{ site.name }}</title> <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"> <link rel="stylesheet" href="style.css">
</head> </head>
<body> <body>
{% include head.html %} {% include head.html %}
{{ content }} <div id="content">
{{ content }}
</div>
{% include foot.html %} {% include foot.html %}
<script src="scripts.js"></script> <script src="scripts.js"></script>
</body> </body>

2
scripts.js
View file

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

38
style.css
View file

@ -20,7 +20,7 @@ html {
body { body {
margin: 0; margin: 0;
font: 1rem/1.5 "PT Sans", sans-serif; 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 */ /* Syntax highlighting */
code {
font-family: 'Droid Sans Mono', monospace;
font-size: 0.825em;
color: #666;
}
pre code { pre code {
max-height: 450px; max-height: 450px;
overflow-y: auto; overflow-y: auto;
@ -39,5 +73,5 @@ pre code {
{% include highlight.hybrid.css %} {% include highlight.hybrid.css %}
.anchorjs-link { .anchorjs-link {
color: #FF5231; color: #f46801;
} }