Commit 1106a635 authored by ak's avatar ak
Browse files

prepare switch namespace

parent c832bbe2
Pipeline #2176 passed with stage
in 15 seconds
......@@ -314,7 +314,7 @@ figure img{
figure:hover figcaption, figure:focus figcaption{
visibility: visible;
font-weight: bolder;
font-size: 1.5em;
font-size: 1.2em;
}
figure:hover img:hover, figure:focus img:focus{
......@@ -327,6 +327,7 @@ figure:hover img:hover, figure:focus img:focus{
#TOC::before{
font-size: 1rem;
font-family: 'Texturina';
color: goldenrod;
content: 'ToC \A ';
white-space: pre-wrap;
}
......@@ -335,27 +336,22 @@ figure:hover img:hover, figure:focus img:focus{
margin: 0;
padding: 0;
font-size: 0;
min-height: 2em;
min-height: 5vh;
width: 100%;
background-color: goldenrod;
/* position: sticky; */
background-color: darkslategray;
position: fixed;
bottom: 0;
left: 0;
padding: 1em;
border-radius: 1em;
transition: 0.5s ease-in;
transition-delay: 1s;
}
#TOC:hover, #TOC:focus{
padding: 1em;
border-radius: 1em;
font-size: 1em;
font-size: 1.2em;
transition-delay: 0s;
bottom: 0;
left: 0;
background-color: lightgray;
background-color: goldenrod;
transition: 0.5s ease-out;
transition-delay: 0.3s;
z-index: +2;
......@@ -370,6 +366,7 @@ figure:hover img:hover, figure:focus img:focus{
}
#TOC li{
font-size: smaller;
display: inline-block;
vertical-align: top;
}
......@@ -385,7 +382,7 @@ figure:hover img:hover, figure:focus img:focus{
#TOC a:hover{
width: auto;
min-width: 20vw;
background-color: lightgray;
background-color: goldenrod;
z-index: +5;
}
......@@ -393,25 +390,35 @@ figure:hover img:hover, figure:focus img:focus{
text-align: right;
font-family: 'Texturina';
margin: 0;
padding-top: 0.5em;
padding-bottom: 0.5em;
padding-right: 0.5em;
line-height: 1;
height: 1.5em;
vertical-align: baseline;
padding-top: 0.5vh;
padding-bottom: 0.5vh;
padding-right: 1em;
min-height: 4vh;
font-size: 1.2em;
width: 100%;
background-color: lightgray;
position: sticky;
top: 0;
background-color: goldenrod;
position: fixed;
bottom: 0;
right: 10vw;
z-index: +1;
border-radius: 1em;
}
#BEFORE a {
padding-left: 1vw;
paddint-right: 1vw;
font: optional bolder;
display: inline-block;
}
#BEFORE #pagetitle {
padding-left: 1vw;
font-weight: lighter;
display: inline-block;
}
.icon{
max-width: 7.5em;
border-radius: 50%;
border-color: lightgray;
max-width: 5em;
padding: 0.5em;
transition: 0.5s ease;
}
......@@ -433,21 +440,31 @@ figure:hover img:hover, figure:focus img:focus{
@media screen and (max-width: 650px) {
html {
/* html {
font-size: smaller;
} */
header h1{
font-size: 2em;
}
#BEFORE{
font-size: smaller;
font-size: 1em;
overflow: hidden;
text-overflow: ellipsis;
}
#BEFORE a {
display: inline-block;
}
#TOC li {
#TOC li {
display: block;
width: 100%;
overflow: visible;
}
#TOC li a{
#TOC li a{
display: block;
white-space: nowrap;
width: 100%;
......@@ -461,6 +478,4 @@ html {
.icon:hover, .icon:focus{
max-width: 10em;
}
}
\ No newline at end of file
......@@ -266,12 +266,11 @@ border-radius: 1em;}
header h1{
font-size: 3em;
font-family: 'Texturina';
font-family: 'Pacifico';
}
header p{
font-weight: lighter;
font-size: 1em;
font-family: 'Pacifico';
}
code{
......@@ -293,7 +292,6 @@ code{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.description{
......@@ -317,17 +315,28 @@ figure figcaption{
font-size: 0;
}
figure:hover figcaption{
figure img{
max-width: 25vh;
}
figure:hover figcaption, figure:focus figcaption{
visibility: visible;
font-weight: lighter;
font-style: italic;
font-size: 1.6em;
font-weight: bolder;
font-size: 1.2em;
}
figure:hover img:hover, figure:focus img:focus{
max-width: 100%;
max-height: 85vh;
transition: 1s ease;
transition-delay: 1s;
}
#TOC::before{
font-size: 1rem;
font-family: 'Texturina';
content: 'ToC \A ';
color: lightgray;
content: 'TOC \A ';
white-space: pre-wrap;
}
......@@ -335,19 +344,18 @@ figure:hover figcaption{
margin: 0;
padding: 0;
font-size: 0;
min-height: 2em;
min-height: 5vh;
width: 100%;
background-color: goldenrod;
position: fixed;
background-color: darkslategray;
position: fixed;
bottom: 0;
left: 0;
padding: 1em;
transition: 0.5s ease-in;
}
#TOC:hover, #TOC:focus{
padding: 1em;
font-size: 1em;
font-size: 1.2em;
transition-delay: 0s;
bottom: 0;
left: 0;
......@@ -387,15 +395,15 @@ figure:hover figcaption{
#BEFORE{
text-align: right;
vertical-align: middle;
font-family: 'Texturina';
margin: 0;
padding-top: 0.5em;
padding-bottom: 0.5em;
padding-right: 0.5em;
line-height: 1;
height: 1.5em;
vertical-align: baseline;
font-size: 1.2em;
min-height: 1.5em;
font-size: 1.5em;
width: 100%;
background-color: lightgray;
position: sticky;
......@@ -404,8 +412,15 @@ figure:hover figcaption{
z-index: +1;
}
#BEFORE a {
font-size: 2em;
padding-left: 1em;
font-weight: bolder;
display: inline-block;
}
.icon{
max-width: 3em;
max-width: 3em;
padding: 0.5em;
transition: 0.5s ease;
}
......@@ -427,15 +442,15 @@ figure:hover figcaption{
@media screen and (max-width: 650px) {
html {
/* html {
font-size: smaller;
}
} */
#BEFORE{
/* #BEFORE{
font-size: smaller;
}
} */
#TOC li {
#TOC li {
display: block;
width: 100%;
overflow: visible;
......
/* Monospace NF */
@font-face {
@font-face {
font-family: 'Monospace';
font-style: normal;
font-weight: 400;
......@@ -194,6 +194,7 @@ html{
}
body {
padding: 0;
margin: 0;
padding-left: 3vw;
......@@ -210,16 +211,16 @@ a:hover{
color: red;
}
img{
/* img{
max-width: 25vh;
}
} */
img:hover, img:focus{
/* img:hover, img:focus{
max-width: 100%;
max-height: 85vh;
transition: 1s ease;
transition-delay: 1s;
}
} */
h1,
h2,
......@@ -258,18 +259,15 @@ blockquote {
color: black;
}
header h1{
font-size: 2em;
font-size: 3em;
font-family: 'Texturina';
}
header p{
font-weight: bolder;
font-size: 1.6em;
line-height: 1em;
}
code{
font-family: 'Monospace';
/* margin-left: 1em; */
line-height: 0.8;
}
......@@ -282,7 +280,6 @@ code{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.texturina{
......@@ -297,17 +294,12 @@ code{
content: 'by ';
}
.author{
font-weight: lighter;
font-size: smaller;
}
.preview{
text-align: center;
.date::before{
content: '⏱️ ';
}
.preview img{
max-height: 3em;
.author, .date{
font-size: smaller;
}
figure figcaption{
......@@ -315,20 +307,27 @@ figure figcaption{
font-size: 0;
}
figure:hover figcaption{
figure img{
max-width: 25vh;
}
figure:hover figcaption, figure:focus figcaption{
visibility: visible;
font-weight: lighter;
font-style: italic;
font-size: 1.6em;
font-weight: bolder;
font-size: 1.2em;
}
.preview:hover img{
max-height: 2em;
figure:hover img:hover, figure:focus img:focus{
max-width: 100%;
max-height: 85vh;
transition: 1s ease;
transition-delay: 1s;
}
#TOC::before{
font-size: 1rem;
font-family: 'Texturina';
color: goldenrod;
content: 'ToC \A ';
white-space: pre-wrap;
}
......@@ -337,26 +336,22 @@ figure:hover figcaption{
margin: 0;
padding: 0;
font-size: 0;
min-height: 2em;
min-height: 5vh;
width: 100%;
background-color: goldenrod;
position: fixed;
background-color: darkslategray;
position: fixed;
bottom: 0;
left: 0;
padding: 1em;
border-radius: 1em;
transition: 0.5s ease-in;
transition-delay: 1s;
}
#TOC:hover, #TOC:focus{
padding: 1em;
border-radius: 1em;
font-size: 1em;
font-size: 1.2em;
transition-delay: 0s;
bottom: 0;
left: 0;
background-color: lightgray;
background-color: goldenrod;
transition: 0.5s ease-out;
transition-delay: 0.3s;
z-index: +2;
......@@ -386,40 +381,52 @@ figure:hover figcaption{
#TOC a:hover{
width: auto;
min-width: 20vw;
background-color: lightgray;
background-color: goldenrod;
z-index: +5;
}
#BEFORE{
#BEFORE{
text-align: right;
font-family: 'Texturina';
margin: 0;
padding-top: 0.5em;
padding-bottom: 0.5em;
padding-right: 0.5em;
line-height: 1;
height: 1.5em;
vertical-align: middle;
padding-top: 0.5vh;
padding-bottom: 0.5vh;
padding-right: 1em;
min-height: 4vh;
font-size: 1.2em;
width: 100%;
background-color: lightgray;
position: sticky;
top: 0;
background-color: goldenrod;
position: fixed;
bottom: 0;
right: 10vw;
z-index: +1;
border-radius: 1em;
}
#BEFORE a {
padding-left: 1vw;
padding-right: 1vw;
font: optional bolder;
display: inline-block;
}
#BEFORE #title {
padding-left: 1vw;
font-weight: lighter;
display: inline-block;
}
.icon{
max-width: 10em;
max-width: 5em;
padding: 0.5em;
transition: 0.5s ease;
}
.icon:hover, .icon:focus{
max-width: 10em;
max-width: 5em;
border-radius: 50%;
padding: 0.5em;
background-color: lightgray;
background-color: goldenrod;
transition: 0.5s ease;
}
......@@ -432,24 +439,37 @@ figure:hover figcaption{
@media screen and (max-width: 650px) {
html {
/* html {
font-size: smaller;
}
} */
#BEFORE{
/* #header h1 {
font-size: smaller;
} */
#BEFORE{
font-size: 1em;
}
#TOC li {
#TOC li {
display: block;
width: 100%;
overflow: visible;
}
#TOC li a{
#TOC li a{
display: block;
white-space: nowrap;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
}
.icon{
max-width: 10em;
}
.icon:hover, .icon:focus{
max-width: 10em;
}
\ No newline at end of file
......@@ -314,7 +314,7 @@ figure img{
figure:hover figcaption, figure:focus figcaption{
visibility: visible;
font-weight: bolder;
font-size: 1.5em;
font-size: 1.2em;
}
figure:hover img:hover, figure:focus img:focus{
......@@ -327,6 +327,7 @@ figure:hover img:hover, figure:focus img:focus{
#TOC::before{
font-size: 1rem;
font-family: 'Texturina';
color: goldenrod;
content: 'ToC \A ';
white-space: pre-wrap;
}
......@@ -335,27 +336,22 @@ figure:hover img:hover, figure:focus img:focus{
margin: 0;
padding: 0;
font-size: 0;
min-height: 2em;
min-height: 5vh;
width: 100%;
background-color: goldenrod;
/* position: sticky; */
background-color: darkslategray;
position: fixed;
bottom: 0;
left: 0;
padding: 1em;
border-radius: 1em;
transition: 0.5s ease-in;
transition-delay: 1s;
}
#TOC:hover, #TOC:focus{
padding: 1em;
border-radius: 1em;
font-size: 1em;
font-size: 1.2em;
transition-delay: 0s;
bottom: 0;
left: 0;
background-color: lightgray;
background-color: goldenrod;
transition: 0.5s ease-out;
transition-delay: 0.3s;
z-index: +2;
......@@ -370,6 +366,7 @@ figure:hover img:hover, figure:focus img:focus{
}
#TOC li{
font-size: smaller;
display: inline-block;
vertical-align: top;
}
......@@ -385,7 +382,7 @@ figure:hover img:hover, figure:focus img:focus{
#TOC a:hover{
width: auto;
min-width: 20vw;
background-color: lightgray;
background-color: goldenrod;
z-index: +5;
}
......@@ -393,25 +390,35 @@ figure:hover img:hover, figure:focus img:focus{
text-align: right;
font-family: 'Texturina';
margin: 0;
padding-top: 0.5em;
padding-bottom: 0.5em;
padding-right: 0.5em;
line-height: 1;
height: 1.5em;
vertical-align: baseline;
padding-top: 0.5vh;
padding-bottom: 0.5vh;
padding-right: 1em;
min-height: 4vh;
font-size: 1.2em;
width: 100%;
background-color: lightgray;
position: sticky;
top: 0;
background-color: goldenrod;
position: fixed;
bottom: 0;
right: 10vw;
z-index: +1;
border-radius: 1em;
}
#BEFORE a {