SAP/abapGit
1
0
Fork 0
mirror of https://github.com/abapGit/abapGit.git synced 2025-04-30 20:03:20 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Merge pull request #767 from sbcgua/doc-styling1

Browse Source 
Doc styling part1
This commit is contained in:
Lars Hvam 2017-05-21 20:20:28 +02:00 committed by GitHub
commit 3844a5b82d
13 changed files with 77 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
.gitignore vendored
View File

@ -1,3 +0,0 @@
docs/.jekyll-metadata
docs/_site
docs/Gemfile.lock

3
docs/.gitignore vendored Normal file
View File

@ -0,0 +1,3 @@
.jekyll-metadata
_site
Gemfile.lock

9
docs/_includes/footer.html
View File

@ -1 +1,8 @@
footer <footer class="nav-footer wrap">
<div class="nav-refs">
<a href="https://github.com/larshp/abapGit">
<span class="mega-octicon octicon-mark-github"></span>
</a>
</div>
<footer>

2
docs/_includes/head.html
View File

@ -1,5 +1,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<link rel="shortcut icon" type="image/png" href="/favicon.png">
<link rel="stylesheet" href="main.css"> <link rel="stylesheet" href="main.css">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/octicons/4.4.0/font/octicons.min.css">
<title>{% if page.title %}{{ site.title }} - {{ page.title }}{% else %}{{ site.title }}{% endif %}</title> <title>{% if page.title %}{{ site.title }} - {{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
</head> </head>

6
docs/_includes/header.html
View File

@ -1,3 +1,5 @@
<div id="header"> <div class="page-head">
<img src="img/logo.svg" height="50"><span class="page_title"> &#x25BA; Documentation</span> <div class="wrap">
<a href="/"><img class="head-logo" src="img/logo.svg" height="40" alt="abapGit"></a><span class="head-title">abapGit documentation</span>
</div>
</div> </div>

2
docs/_layouts/default.html
View File

@ -3,7 +3,7 @@
{% include head.html %} {% include head.html %}
<body> <body>
{% include header.html %} {% include header.html %}
<div class="container"> <div class="container wrap">
<div class="nav"> <div class="nav">
{% include navigation.html %} {% include navigation.html %}
</div> </div>

BIN
docs/favicon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 764 B

56
docs/main.css
View File

@ -1,6 +1,7 @@
body { body {
font-family: Arial,Helvetica,sans-serif; font-family: Arial,Helvetica,sans-serif;
background: #E8E8E8; background: #F8F8F8;
margin: auto;
} }
a, a:visited { a, a:visited {
@ -13,10 +14,16 @@ a:hover, a:active {
text-decoration: underline; text-decoration: underline;
} }
h1, h2, h3 {
margin: 10px 0;
font-family: inherit;
font-weight: bold;
color: inherit;
}
.container { .container {
width: 1000px; padding-top: 1em;
padding: 0.5em 1em; padding-bottom: 1em;
background-color: #f2f2f2;
} }
.container:after { .container:after {
@ -28,17 +35,54 @@ a:hover, a:active {
.nav { .nav {
float: left; float: left;
width: 300px; width: 300px;
margin: 10px 0;
} }
.content { .content {
float: right; float: right;
width: 100%; width: 100%;
max-width: 700px; max-width: 650px;
} }
.page_title { .content img {
max-width: 100%;
max-height: 100%;
}
.page-head {
position: relative;
width: 100%;
background-color: #E8E8E8;
padding-top: 8px;
padding-bottom: 8px;
}
.head-title {
font-weight: bold; font-weight: bold;
font-size: 22pt; font-size: 22pt;
color: #bbb; color: #bbb;
padding-left: 0.4em; padding-left: 0.4em;
position: absolute;
bottom: 12px;
}
.wrap {
max-width: 960px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
footer.nav-footer {
padding-top: 1em;
padding-bottom: 1em;
}
.nav-refs {
text-align: center;
}
.nav-refs a {
color: #808080;
} }