brozek/website-theme
1
0
Fork 0
mirror of https://github.com/Brandon-Rozek/website-theme.git synced 2024-09-19 06:25:11 -04:00
Code Issues Projects Releases Packages Wiki Activity

Fix the look #15

Browse source
This commit is contained in:
koirand 2019-03-24 01:59:56 +09:00
parent 6fcaa6cbe4
commit 8c3dd6f325
3 changed files with 367 additions and 516 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
layouts/_default/single.html
View file

@ -4,7 +4,7 @@
<!-- date --> <!-- date -->
<p class="date">{{ .Date.Format .Site.Params.singlePageDateFormat }}</p> <p class="date">{{ .Date.Format .Site.Params.singlePageDateFormat }}</p>
<!-- content --> <!-- content -->
<div class="markdown-body"> <div id="contentBody">
{{ .Content }} {{ .Content }}
</div> </div>
{{ partial "footer.html" . }} {{ partial "footer.html" . }}

857
static/css/markdown.css
View file

File diff suppressed because it is too large Load diff

24
static/css/style.css
View file

@ -1,5 +1,7 @@
/* General */ /* General */
body { body {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
min-height:100vh; min-height:100vh;
margin: 0; margin: 0;
padding: 20px; padding: 20px;
@ -7,8 +9,10 @@ body {
background-color: #EFEFEF; background-color: #EFEFEF;
color: #707070; color: #707070;
text-align: center; text-align: center;
font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI","Noto Sans Japanese","ヒラギノ角ゴ ProN W3", Meiryo, sans-serif; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
line-height: 1.5; line-height: 1.5;
font-size: 16px;
word-wrap: break-word;
} }
a:link { a:link {
@ -62,13 +66,13 @@ footer {
#profile { #profile {
max-width: 600px; max-width: 600px;
min-width: 300px; /* min-width: 300px; */
} }
nav ul { nav ul {
display: flex; display: flex;
justify-content: space-evenly; justify-content: space-evenly;
width: 300px; max-width: 300px;
margin: 20px auto; margin: 20px auto;
padding: 0; padding: 0;
list-style: none; list-style: none;
@ -77,7 +81,7 @@ nav ul {
/* Contents List */ /* Contents List */
#searchBox { #searchBox {
position: relative; position: relative;
width: 300px; max-width: 300px;
height: 30px; height: 30px;
margin: 20px auto; margin: 20px auto;
} }
@ -115,7 +119,7 @@ nav ul {
display: none; display: none;
position: absolute; position: absolute;
max-width: 600px; max-width: 600px;
min-width: 300px; /* min-width: 300px; */
margin: 0 auto; margin: 0 auto;
top: 240px; top: 240px;
left: 0; left: 0;
@ -146,21 +150,19 @@ nav ul {
} }
#contentsList { #contentsList {
padding: 20px; padding: 20px 0;
} }
#contentsList hr.separator { #contentsList hr.separator {
width: 10px; width: 10px;
margin: 30px auto; margin: 30px auto;
border: solid 1px #C9C9C9; border: solid 1px #c9c9c9;
} }
/* Page */ /* Page */
div.markdown-body { #contentBody {
width: 90vw;
max-width: 800px; max-width: 800px;
min-width: 300px;
margin: 0 auto; margin: 0 auto;
padding: 20px; padding: 20px 0;
text-align: left; text-align: left;
} }