Compare commits
No commits in common. "e545015e6d2246c480577727441467b5ffd8263e" and "d35fec4c78101c4303b85f7b99fb6e5c251387da" have entirely different histories.
e545015e6d
...
d35fec4c78
2 changed files with 25 additions and 17 deletions
|
@ -115,7 +115,7 @@ a:focus {
|
||||||
}
|
}
|
||||||
@media only screen and (min-width: 1000px) {
|
@media only screen and (min-width: 1000px) {
|
||||||
#navigation .navigation-container {
|
#navigation .navigation-container {
|
||||||
max-width: var(--content-width);
|
max-width: 900px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
#navigation-title {
|
#navigation-title {
|
||||||
|
@ -131,7 +131,7 @@ a:focus {
|
||||||
}
|
}
|
||||||
#navigation .menu-button {
|
#navigation .menu-button {
|
||||||
float: right;
|
float: right;
|
||||||
position: relative;
|
position:relative;
|
||||||
display: none;
|
display: none;
|
||||||
width: 4em;
|
width: 4em;
|
||||||
height: 4em;
|
height: 4em;
|
||||||
|
@ -147,12 +147,11 @@ a:focus {
|
||||||
#navigation .menu-button .menu-button-image {
|
#navigation .menu-button .menu-button-image {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
position: relative;
|
position: relative;
|
||||||
height: 1.5em;
|
height: 20px;
|
||||||
width: 1.5em;
|
width: 24px;
|
||||||
top: 0.75em;
|
top: 14px;
|
||||||
background-image: url(../svg/bars.svg);
|
background-image: url(../svg/bars.svg);
|
||||||
background-size: contain;
|
background-size: contain;
|
||||||
background-repeat: no-repeat;
|
|
||||||
margin: auto;
|
margin: auto;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
}
|
}
|
||||||
|
@ -239,20 +238,23 @@ a:focus {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
#avatar img {
|
#avatar img {
|
||||||
width: 20vw;
|
max-width: 120px;
|
||||||
min-width: 120px;
|
|
||||||
max-width: 200px;
|
|
||||||
border-radius: 40%;
|
border-radius: 40%;
|
||||||
background-color: var(--avatar-background);
|
background-color: var(--avatar-background);
|
||||||
}
|
}
|
||||||
|
@media only screen and (min-width: 768px) {
|
||||||
|
#avatar img {
|
||||||
|
max-width: 200px;
|
||||||
|
}
|
||||||
|
}
|
||||||
#social .social-element {
|
#social .social-element {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
height: 2em;
|
height: 32px;
|
||||||
margin-top: 1em;
|
margin-top: 1em;
|
||||||
}
|
}
|
||||||
#social .social-element a {
|
#social .social-element a {
|
||||||
height: 1.5em;
|
height: 24px;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin-left: 1em;
|
margin-left: 1em;
|
||||||
margin-right: 1em;
|
margin-right: 1em;
|
||||||
|
@ -266,7 +268,7 @@ a:focus {
|
||||||
}
|
}
|
||||||
@media only screen and (min-width: 768px) {
|
@media only screen and (min-width: 768px) {
|
||||||
#social .social-element a {
|
#social .social-element a {
|
||||||
height: 2em;
|
height: 32px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -459,6 +461,14 @@ a:focus {
|
||||||
font-size: 0.8rem;
|
font-size: 0.8rem;
|
||||||
margin: 2rem 0;
|
margin: 2rem 0;
|
||||||
}
|
}
|
||||||
|
.article-footer .spacer {
|
||||||
|
display: inline-block;
|
||||||
|
width: 1em;
|
||||||
|
height: 1px;
|
||||||
|
margin: 0 .5em;
|
||||||
|
background-color: var(--font-color);
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
.article-footer .footer-return {
|
.article-footer .footer-return {
|
||||||
margin-bottom: 1em;
|
margin-bottom: 1em;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
@ -544,9 +554,9 @@ a:focus {
|
||||||
max-width: 30%;
|
max-width: 30%;
|
||||||
}
|
}
|
||||||
.article-body figure.logo img {
|
.article-body figure.logo img {
|
||||||
width: 10vw;
|
width: 100px;
|
||||||
max-width: 100px;
|
max-width: 100px;
|
||||||
min-width: 40px;
|
min-width: auto;
|
||||||
vertical-align: bottom;
|
vertical-align: bottom;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,3 +1 @@
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
|
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="13.333"><path d="M16 11.333v1.334a.671.671 0 01-.667.666H.667A.671.671 0 010 12.667v-1.334c0-.364.302-.666.667-.666h14.666c.365 0 .667.302.667.666zM16 6v1.333a.671.671 0 01-.667.667H.667A.671.671 0 010 7.333V6c0-.365.302-.667.667-.667h14.666c.365 0 .667.302.667.667zm0-5.333V2a.671.671 0 01-.667.667H.667A.671.671 0 010 2V.667C0 .302.302 0 .667 0h14.666c.365 0 .667.302.667.667z" fill="#efefef"/></svg>
|
||||||
<path fill="#efefef" d="M16 13.6v1.6a.7.8 0 0 1-.7.8H.7a.7.8 0 0 1-.7-.8v-1.6c0-.4.3-.8.7-.8h14.6c.4 0 .7.4.7.8zm0-6.4v1.6a.7.8 0 0 1-.7.8H.7a.7.8 0 0 1-.7-.8V7.2c0-.4.3-.8.7-.8h14.6c.4 0 .7.4.7.8zm0-6.4v1.6a.7.8 0 0 1-.7.8H.7a.7.8 0 0 1-.7-.8V.8C0 .4.3 0 .7 0h14.6c.4 0 .7.4.7.8z"/>
|
|
||||||
</svg>
|
|
Before Width: | Height: | Size: 357 B After Width: | Height: | Size: 461 B |
Loading…
Reference in a new issue