summaryrefslogtreecommitdiff
path: root/themes/24-unification/layouts/_default/baseof.html
diff options
context:
space:
mode:
Diffstat (limited to 'themes/24-unification/layouts/_default/baseof.html')
-rw-r--r--themes/24-unification/layouts/_default/baseof.html49
1 files changed, 33 insertions, 16 deletions
diff --git a/themes/24-unification/layouts/_default/baseof.html b/themes/24-unification/layouts/_default/baseof.html
index 1d7ce0d..ac2c294 100644
--- a/themes/24-unification/layouts/_default/baseof.html
+++ b/themes/24-unification/layouts/_default/baseof.html
@@ -40,7 +40,8 @@
<link rel="webmention" href="https://webmention.io/d-s.sh/webmention">
<link rel="pingback" href="https://webmention.io/d-s.sh/xmlrpc">
-
+
+ {{- $bg := resources.Get "bg.gif" }}
<style>
:root {
--bg-color: #738276;
@@ -56,14 +57,14 @@
--breakpoint: 800px;
}
+ html {
+ height: 100%;
+ }
body {
+ height: 100%;
width: 1000px;
- margin-left: auto;
- margin-right: auto;
- margin-top: 20px;
+ margin: 0;
background-color: var(--bg-color);
- background-image: linear-gradient(0deg, #738276 25%, #4a524b 25%, #4a524b 50%, #738276 50%, #738276 75%, #4a524b 75%, #4a524b 100%);
- background-size: 8.00px 8.00px;
color: var(--text-color);
background-attachment: fixed;
max-width: 98%;
@@ -71,6 +72,7 @@
font-size: 1.0em;
display: flex;
flex-direction: row;
+ align-items: stretch;
}
@media only screen and (max-width: 800px) {
@@ -86,9 +88,16 @@
/* Left navigation */
.nav {
+ background-image: linear-gradient(0deg, #738276 25%, #4a524b 25%, #4a524b 50%, #738276 50%, #738276 75%, #4a524b 75%, #4a524b 100%);
+ background-size: 4.00px 3.00px;
+ /* background-image: url({{ $bg.Permalink }}); */
+ background-attachment: fixed;
+ height: auto;
flex-shrink: 0;
flex-grow: 0;
width: 200px;
+ padding: 10px;
+ border-right: var(--cool-border);
.nav-box {
border: var(--cool-border);
@@ -184,7 +193,9 @@
.nav {
width: 100%;
- padding-bottom: 20px;;
+ margin-bottom: 20px;
+ border-bottom: var(--cool-border);
+ border-right: none;
.nav-box {
width: 100%;
@@ -198,7 +209,7 @@
}
ol.subsection {
- display: none;
+ display: none!important;
}
li {
@@ -224,13 +235,14 @@
padding-left: 20px;
box-sizing: border-box;
width: 100%;
+ padding-top: 20px;
article {
background-color: var(--panel-color);
margin-bottom: 20px;
border: var(--cool-border);
display: flow-root;
-
+
h2 {
margin: 0;
padding-top: 10px;
@@ -261,7 +273,7 @@
padding-right: 20px;
pre {
- overflow-x: scroll;
+ overflow-x: scroll;
}
}
@@ -292,6 +304,11 @@
max-width: 100%;
height: auto;
}
+
+ .button img {
+ width: 88px;
+ padding-left: 44px;
+ }
.pull-left {
float: left;
@@ -335,13 +352,13 @@
padding: 20px;
background-color: var(--panel-color);
}
-}
- @media only screen and (max-width: 800px) {
- main {
- padding: 0;
- }
- }
+ @media only screen and (max-width: 800px) {
+ main {
+ padding: 10px;
+ }
+
+ }
</style>
</head>