phundrak/langue-phundrak-com
Archived
1
0
Fork 0
Code Issues Pull Requests Releases Activity

new style overhaul, better navigation options

Browse Source
This commit is contained in:
Phuntsok Drak-pa
2019-09-03 15:06:53 +02:00
parent d0fd6d99d7
commit 7e12d3d892
17 changed files with 96 additions and 198 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
css/dark.css
View File

@@ -1,9 +1,10 @@
body {
html {
background-color: #34495e;
}
body,
.title,
.themeBtn,
a {
color: #ecf0f1;
}
@@ -21,12 +22,7 @@ thead tr {
background-color: #34495e;
}
.outline-2,
#footnotes,
#postamble {
#content,
#postamble{
background-color: #2c3e50;
}
.themeBtn {
color: #ecf0f1;
}

10
css/light.css
View File

@@ -1,9 +1,10 @@
body {
html {
background-color: #eee;
}
body,
.title,
.themeBtn,
a {
color: #444;
}
@@ -21,12 +22,7 @@ thead tr {
background-color: #ddd;
}
.outline-2,
#footnotes,
#content,
#postamble {
background-color: #eee;
}
.themeBtn {
color: #ecf0f1;
}

166
css/style.css → css/main.css
View File

@@ -12,28 +12,57 @@
src: url("../fonts/NotoSansRunic-Regular.ttf");
}
:root {
--after-rotation: 90deg;
}
body {
font-family: "Noto Sans Runes", "DoulosSIL", "Lato", "proxima-nova", "Helvetica Neue", Arial, sans-serif;
font-weight: normal;
overflow-x: hidden;
font-size: 105%;
height: 100%;
margin: 0;
margin: 10px;
}
#postamble {
text-align: center;
}
#content {
max-width: 1100px;
margin: 0 auto;
padding: 2px;
margin: 20px auto;
padding: 10px;
box-shadow: 5px 5px 7px rgba(1, 1, 1, .6);
}
img,
table {
margin: auto;
hr {
display: block;
margin-top: 0.5em;
margin-bottom: 0.5em;
margin-left: auto;
margin-right: auto;
border-style: inset;
border-width: 1px;
}
.outline-2,
.outline-3,
.outline-4,
.outline-5,
.outline-6,
.outline-text-2,
.outline-text-3,
.outline-text-4,
.outline-text-5,
.outline-text-6 {
margin: 0 2px;
padding: 0 10px;
}
.outline-text-2,
.outline-text-3,
.outline-text-4,
.outline-text-5,
.outline-text-6,
#postamble {
margin-bottom: 20px;
}
a {
@@ -47,6 +76,26 @@ a:hover {
transition: all .3s ease-in;
}
a[href^="img/"],
a[href^="img/"]:hover {
box-shadow: 0 0;
}
.figure p {
margin: 0 0;
}
.largetable,
.figure {
display: block;
overflow-x: auto;
}
img,
table {
margin: auto;
}
table {
border-collapse: collapse;
}
@@ -61,9 +110,8 @@ td {
text-align: right;
}
.title {
padding: 0 20px;
text-align: left;
p {
text-align: justify;
}
h1,
@@ -72,12 +120,9 @@ h3,
h4,
h5,
legend {
display: inline-block;
position: relative;
font-family: "Roboto Slab", "ff-tisa-web-pro", "Georgia", Arial, sans-serif;
font-weight: 700;
margin-top: 0;
z-index: 20;
display: inline-block;
}
h1 {
@@ -110,92 +155,7 @@ h5 {
font-weight: 300;
}
h2,
h3,
h4,
h5 {
cursor: pointer;
}
h2::after,
h3::after,
h4::after,
h5::after {
content: "➤";
margin-left: 20px;
display: inline-block;
}
.footnotes {
cursor: default !important;
}
.footnotes::after {
content: "" !important;
margin: 0 !important;
}
.rotated::after {
-webkit-transform: rotate(var(--after-rotation));
-moz-transform: rotate(var(--after-rotation));
-o-transform: rotate(var(--after-rotation));
-ms-transform: rotate(var(--after-rotation));
transform: rotate(var(--after-rotation));
}
.outline-2,
.outline-3,
.outline-4,
.outline-5,
.outline-6,
.outline-text-2,
.outline-text-3,
.outline-text-4,
.outline-text-5,
.outline-text-6 {
margin: 0 2px;
padding: 0 10px;
}
.outline-text-2,
.outline-text-3,
.outline-text-4,
.outline-text-5,
.outline-text-6 {
margin-bottom: 20px;
}
.outline-2,
#footnotes,
#postamble {
box-shadow: 5px 5px 7px rgba(1, 1, 1, .6);
margin: 20px;
padding: 20px;
}
.outline-3,
.outline-4,
.outline-5,
.outline-6,
.outline-text-2,
.outline-text-3,
.outline-text-4,
.outline-text-5,
.outline-text-6,
#table-of-contents {
display: none;
}
.largetable,
.figure {
display: block;
overflow-x: auto;
}
a.footref {
padding: 0 1px;
margin: 0 2px;
}
/* Theme switcher ************************************************************/
.themeBtn {
position: fixed;