mirror of
				https://github.com/BBaoVanC/bobatheme.git
				synced 2025-11-03 18:27:55 -06:00 
			
		
		
		
	Create theme 3
This commit is contained in:
		@@ -1,78 +1,42 @@
 | 
			
		||||
/* Layout */
 | 
			
		||||
.page {
 | 
			
		||||
  display: flex;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.side, .content, .footer {
 | 
			
		||||
.content, .footer {
 | 
			
		||||
  padding: 20px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#navbar {
 | 
			
		||||
  overflow: hidden;
 | 
			
		||||
.header a, #navbar {
 | 
			
		||||
  padding-left: 20px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#navbar a {
 | 
			
		||||
  float: left;
 | 
			
		||||
  display: block;
 | 
			
		||||
  padding: 14px 20px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.navbar-items {
 | 
			
		||||
  float: right;
 | 
			
		||||
.navbar-item {
 | 
			
		||||
  margin-right: 5px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
body {
 | 
			
		||||
  margin: 0;
 | 
			
		||||
  display: flex;
 | 
			
		||||
  flex-direction: column;
 | 
			
		||||
  max-width: 720px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
* {
 | 
			
		||||
  box-sizing: border-box;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@media screen and (max-width: 700px) {
 | 
			
		||||
  .page {
 | 
			
		||||
    flex-direction: column;
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  .navbar-items a {
 | 
			
		||||
    width: 100%;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
/* Styling */
 | 
			
		||||
.side {
 | 
			
		||||
  background-color: #111;
 | 
			
		||||
  color: lightgray;
 | 
			
		||||
}
 | 
			
		||||
.content {
 | 
			
		||||
  color: lightgray;
 | 
			
		||||
  max-width: 720px;
 | 
			
		||||
}
 | 
			
		||||
.footer {
 | 
			
		||||
  text-align: center;
 | 
			
		||||
  background: #ddd;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#navbar {
 | 
			
		||||
  background-color: #091a2c;
 | 
			
		||||
}
 | 
			
		||||
#navbar a {
 | 
			
		||||
  color: lightgray;
 | 
			
		||||
  text-align: center;
 | 
			
		||||
  text-decoration: none;
 | 
			
		||||
}
 | 
			
		||||
#navbar a:hover {
 | 
			
		||||
  background-color: #0e2a46;
 | 
			
		||||
  color: white;
 | 
			
		||||
.header a, #navbar {
 | 
			
		||||
  color: inherit;
 | 
			
		||||
  text-decoration: inherit;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
body {
 | 
			
		||||
  background-color: black;
 | 
			
		||||
  color: lightgray;
 | 
			
		||||
  font-family: sans-serif;
 | 
			
		||||
}
 | 
			
		||||
a {
 | 
			
		||||
 
 | 
			
		||||
@@ -4,21 +4,12 @@
 | 
			
		||||
    {{- partial "head.html" . -}}
 | 
			
		||||
 | 
			
		||||
    <body>
 | 
			
		||||
        {{ partial "navbar.html" . }}
 | 
			
		||||
        {{ partial "header.html" . }}
 | 
			
		||||
 | 
			
		||||
        <div class="page">
 | 
			
		||||
            {{ if and .Params.Toc .IsPage }}
 | 
			
		||||
            <div class="side">
 | 
			
		||||
                <h3>Table of Contents</h3>
 | 
			
		||||
                {{ .TableOfContents }}
 | 
			
		||||
            </div>
 | 
			
		||||
            {{ end }}
 | 
			
		||||
 | 
			
		||||
            <div class="content">
 | 
			
		||||
            {{- block "main" . }}
 | 
			
		||||
            {{ .Content }}
 | 
			
		||||
            {{- end }}
 | 
			
		||||
            </div>
 | 
			
		||||
        <div class="content">
 | 
			
		||||
        {{- block "main" . }}
 | 
			
		||||
        {{ .Content }}
 | 
			
		||||
        {{- end }}
 | 
			
		||||
        </div>
 | 
			
		||||
 | 
			
		||||
        {{- partial "footer.html" . -}}
 | 
			
		||||
 
 | 
			
		||||
@@ -23,5 +23,12 @@
 | 
			
		||||
    {{ end }}
 | 
			
		||||
</span>
 | 
			
		||||
 | 
			
		||||
{{ if .Params.Toc }}
 | 
			
		||||
<div id="table-of-contents">
 | 
			
		||||
    <h3>Table of Contents</h3>
 | 
			
		||||
    {{ .TableOfContents }}
 | 
			
		||||
</div>
 | 
			
		||||
{{ end }}
 | 
			
		||||
 | 
			
		||||
{{ .Content }}
 | 
			
		||||
{{ end }}
 | 
			
		||||
 
 | 
			
		||||
							
								
								
									
										10
									
								
								layouts/partials/header.html
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										10
									
								
								layouts/partials/header.html
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,10 @@
 | 
			
		||||
<h2 class="header">
 | 
			
		||||
    <a href="{{ "/" | relURL }}">{{ .Site.Title | markdownify }}</a>
 | 
			
		||||
</h2>
 | 
			
		||||
 | 
			
		||||
<nav id="navbar">
 | 
			
		||||
    <a class="navbar-item" href="{{ "/" | relURL }}">Home</a>
 | 
			
		||||
    {{ range .Site.Menus.main }}
 | 
			
		||||
    <a class="navbar-item" href="{{ .URL }}">{{ .Name }}</a>
 | 
			
		||||
    {{ end }}
 | 
			
		||||
</nav>
 | 
			
		||||
@@ -1,11 +0,0 @@
 | 
			
		||||
<nav id="navbar">
 | 
			
		||||
    <div class="navbar-title">
 | 
			
		||||
        <a href="{{ "/" | relURL }}">{{ .Site.Title | markdownify }}</a>
 | 
			
		||||
    </div>
 | 
			
		||||
 | 
			
		||||
    <div class="navbar-items">
 | 
			
		||||
        {{ range .Site.Menus.main }}
 | 
			
		||||
        <a href="{{ .URL }}">{{ .Name }}</a>
 | 
			
		||||
        {{ end }}
 | 
			
		||||
    </div>
 | 
			
		||||
</nav>
 | 
			
		||||
		Reference in New Issue
	
	Block a user