keb/ginou
1
0
Fork 0
Code Issues 6 Pull Requests Releases Activity

Replace unicode characters with SVG for compatibility

Browse Source
This commit is contained in:
Théo Marchal
2021-02-12 18:43:12 +01:00
parent b400c79d42
commit e9dcc57fd4
7 changed files with 53 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
styles/main.css
View File

@ -65,7 +65,7 @@ header nav ul li a {
padding:0;
}
@media only screen and (min-width:500px) and (max-width: 1200px) {
@media only screen and (min-width:500px) and (max-width:1200px) {
header nav ul li.title {
display:block;
margin-bottom:0.5rem;
@ -81,10 +81,10 @@ header nav .mobile-menu-close {
display:none;
}
@media only screen and (max-width: 600px) {
@media only screen and (max-width:600px) {
header nav {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
margin-top:0.5rem;
margin-bottom:0.5rem;
}
header nav #hamburger {
@ -151,7 +151,7 @@ article {
text-align:left;
}
@media only screen and (max-width: 1200px) {
@media only screen and (max-width:1200px) {
article {
width:95vw;
}
@ -162,7 +162,7 @@ article h1 {
}
article p {
font-family: 'Commissioner', Helvetica;
font-family:'Commissioner', Helvetica;
}
article.main {
@ -177,7 +177,7 @@ article.main img {
display:block;
}
@media only screen and (max-width: 1200px) {
@media only screen and (max-width:1200px) {
article.main {
width:85vw;
}
@ -214,7 +214,7 @@ article #gallery img {
margin:0.5rem;
}
@media only screen and (max-width: 1000px) {
@media only screen and (max-width:1000px) {
article #gallery img {
max-height:85vh;
max-width:85vw;
@ -243,7 +243,7 @@ article #gallery img {
margin-bottom:1.5rem;
}
@media only screen and (max-width: 600px) {
@media only screen and (max-width:600px) {
#info {
min-width:280px;
}
@ -284,7 +284,7 @@ article.painting .container {
display:flex;
flex-direction:row;
justify-content:center;
align-self: flex-end;
align-self:flex-end;
position:relative;
margin-bottom:1.8rem;
}
@ -304,7 +304,7 @@ article.painting .container ul.metadata {
margin-left:0;
position:absolute;
bottom:0;
list-style-type: square;
list-style-type:square;
}
article.painting .container .metadata span.title {
@ -315,7 +315,12 @@ article.painting .container .metadata span.content {
font-size:0.9em;
}
@media only screen and (min-width:800px) and (max-width: 1200px) {
article.painting .container .metadata span.content img {
display:inline-block;
width:0.6rem;
}
@media only screen and (min-width:800px) and (max-width:1200px) {
article.painting .container {
display:block;
}
@ -357,7 +362,7 @@ article.explorer p {
text-align:justify;
}
@media only screen and (max-width: 1200px) {
@media only screen and (max-width:1200px) {
article.explorer p {
width:90vw;
}
@ -442,7 +447,7 @@ article.explorer input[type = submit] {
display:block;
margin:auto;
text-align:center;
border: none;
border:none;
padding:0.8rem;
margin-top:1.5rem;
border-radius:5%;
@ -593,7 +598,7 @@ article #stats #stat {
margin-left:4vw;
}
@media only screen and (max-width: 1000px) {
@media only screen and (max-width:1000px) {
article #stats {
display:block;
}
@ -606,7 +611,7 @@ article #stats #stat {
}
}
@media only screen and (min-width: 1001px) and (max-width: 1200px) {
@media only screen and (min-width:1001px) and (max-width:1200px) {
article #stats {
display:block;
}