mirror of
https://github.com/dtinth/comic-mono-font.git
synced 2026-02-21 22:43:59 +00:00
Update style for mobile
This commit is contained in:
kaBeech
454
index.html
454
index.html
@@ -10,233 +10,233 @@
|
|||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<h1>Serious Sans</h1>
|
<div id="main">
|
||||||
<p>
|
<h1>Serious Sans</h1>
|
||||||
A legible monospace font for playful professionals. Comic Sans for hackers
|
<p>
|
||||||
</p>
|
A legible monospace font for playful professionals. Comic Sans for
|
||||||
<p>
|
hackers
|
||||||
This font is a fork of <a href="https://github.com/dtinth">dtinth</a>’s
|
</p>
|
||||||
<a href="https://github.com/dtinth/comic-mono-font">Comic Mono</a>, which
|
<p>
|
||||||
in turn is a fork of
|
This font is a fork of <a href="https://github.com/dtinth">dtinth</a>’s
|
||||||
<a href="https://github.com/shannpersand">Shannon Miwa</a>’s
|
<a href="https://github.com/dtinth/comic-mono-font">Comic Mono</a>,
|
||||||
<a href="https://github.com/shannpersand/comic-shanns">Comic Shanns</a>
|
which in turn is a fork of
|
||||||
(version 1)
|
<a href="https://github.com/shannpersand">Shannon Miwa</a>’s
|
||||||
</p>
|
<a href="https://github.com/shannpersand/comic-shanns">Comic Shanns</a>
|
||||||
|
(version 1)
|
||||||
<h2>Example Text</h2>
|
</p>
|
||||||
<div id="exampleText" class="serious">
|
<h2>Example Text</h2>
|
||||||
<p>The five tall boxing wizards jump quickly.</p>
|
<div id="exampleText" class="serious">
|
||||||
<p>THE FIVE TALL BOXING WIZARDS JUMP QUICKLY!</p>
|
<p>The five tall boxing wizards jump quickly.</p>
|
||||||
<p>0123456789.:,;(*!?')</p>
|
<p>THE FIVE TALL BOXING WIZARDS JUMP QUICKLY!</p>
|
||||||
|
<p>0123456789.:,;(*!?')</p>
|
||||||
|
</div>
|
||||||
|
<button id="seriousButton">Serious Sans</button>
|
||||||
|
<button id="seriousItalicButton">Serious Sans Italic</button>
|
||||||
|
<button id="seriousBoldButton">Serious Sans Bold</button>
|
||||||
|
<button id="seriousBoldItalicButton">Serious Sans Bold Italic</button>
|
||||||
|
<button id="seriousLightButton">Serious Sans Light</button>
|
||||||
|
<button id="seriousLightItalicButton">Serious Sans Light Italic</button>
|
||||||
|
<br />
|
||||||
|
<h2>Downloads</h2>
|
||||||
|
<div id="downloads">
|
||||||
|
<div>
|
||||||
|
<h3>TrueType Format</h3>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<a
|
||||||
|
href="https://kaBeech.github.io/serious-sans/SeriousSans/ttf/SeriousSans.ttf"
|
||||||
|
>SeriousSans.ttf</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a
|
||||||
|
href="https://kaBeech.github.io/serious-sans/SeriousSans/ttf/SeriousSansItalic.ttf"
|
||||||
|
>SeriousSansItalic.ttf</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<br />
|
||||||
|
<li>
|
||||||
|
<a
|
||||||
|
href="https://kaBeech.github.io/serious-sans/SeriousSans/ttf/SeriousSansBold.ttf"
|
||||||
|
>SeriousSansBold.ttf</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a
|
||||||
|
href="https://kaBeech.github.io/serious-sans/SeriousSans/ttf/SeriousSansBoldItalic.ttf"
|
||||||
|
>SeriousSansBoldItalic.ttf</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<br />
|
||||||
|
<li>
|
||||||
|
<a
|
||||||
|
href="https://kaBeech.github.io/serious-sans/SeriousSans/ttf/SeriousSansLight.ttf"
|
||||||
|
>SeriousSansLight.ttf</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a
|
||||||
|
href="https://kaBeech.github.io/serious-sans/SeriousSans/ttf/SeriousSansLightItalic.ttf"
|
||||||
|
>SeriousSansLightItalic.ttf</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<h3>OpenType Format</h3>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<a
|
||||||
|
href="https://kaBeech.github.io/serious-sans/SeriousSans/otf/SeriousSans.otf"
|
||||||
|
>SeriousSans.otf</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a
|
||||||
|
href="https://kaBeech.github.io/serious-sans/SeriousSans/otf/SeriousSansItalic.otf"
|
||||||
|
>SeriousSansItalic.otf</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<br />
|
||||||
|
<li>
|
||||||
|
<a
|
||||||
|
href="https://kaBeech.github.io/serious-sans/SeriousSans/otf/SeriousSansBold.otf"
|
||||||
|
>SeriousSansBold.otf</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a
|
||||||
|
href="https://kaBeech.github.io/serious-sans/SeriousSans/otf/SeriousSansBoldItalic.otf"
|
||||||
|
>SeriousSansBoldItalic.otf</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<br />
|
||||||
|
<li>
|
||||||
|
<a
|
||||||
|
href="https://kaBeech.github.io/serious-sans/SeriousSans/otf/SeriousSansLight.otf"
|
||||||
|
>SeriousSansLight.otf</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a
|
||||||
|
href="https://kaBeech.github.io/serious-sans/SeriousSans/otf/SeriousSansLightItalic.otf"
|
||||||
|
>SeriousSansLightItalic.otf</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<h2>What?</h2>
|
||||||
|
<p>
|
||||||
|
Serious Sans is a legible monospaced font made to resemble the classic
|
||||||
|
Comic Sans font we all know and love. It is designed to be suitable for
|
||||||
|
use in a professional coding environment while retaining the playfulness
|
||||||
|
of the original
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
Here's what it looks like viewing one of
|
||||||
|
<a href="https://kaBeech.github.io/Advent-Of-Code-2022"
|
||||||
|
>my Advent Of Code functions</a
|
||||||
|
>
|
||||||
|
in VS Code:
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<a
|
||||||
|
target="_blank"
|
||||||
|
rel="noopener noreferrer"
|
||||||
|
href="https://kaBeech.github.io/serious-sans/blob/main/vscExample.png"
|
||||||
|
><img
|
||||||
|
src="https://kaBeech.github.io/serious-sans/raw/main/vscExample.png"
|
||||||
|
alt="Serious Sans in VS Code"
|
||||||
|
title="Serious Sans in VS Code"
|
||||||
|
style="max-width: 100%"
|
||||||
|
/></a>
|
||||||
|
</p>
|
||||||
|
<h2>Why?</h2>
|
||||||
|
<p>
|
||||||
|
To overcome writer's block, some writers change the font of their word
|
||||||
|
processor to Comic Sans. Perhaps the jaunty style helps put our brains
|
||||||
|
in a playful mood so we can just write without getting hung up in
|
||||||
|
self-criticism
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
Serious Sans aims to provide that same experience for programmers and
|
||||||
|
their IDE's. As coders, we also enjoy playful styling and tools that
|
||||||
|
help us just get to work. But most of us like to have certain standards
|
||||||
|
that make our work easier. Monospacing and legibility are important
|
||||||
|
factors that facilitate quick scanning of many lines of code
|
||||||
|
</p>
|
||||||
|
<h3>Legibility</h3>
|
||||||
|
<p>
|
||||||
|
Legibility means being able to quickly tell which character is which. In
|
||||||
|
fonts with low legibility, for example, it can be difficult to tell the
|
||||||
|
difference between an upper case 'I' and a numeral '1'
|
||||||
|
</p>
|
||||||
|
<h3>Monospacing</h3>
|
||||||
|
<p>
|
||||||
|
Monospacing means ensuring every character has the same width. This is
|
||||||
|
helpful to quickly line up rows of text. For an example of why this is
|
||||||
|
helpful, consider adding up a fancy dinner bill:
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<a
|
||||||
|
target="_blank"
|
||||||
|
rel="noopener noreferrer"
|
||||||
|
href="https://kaBeech.github.io/serious-sans/blob/main/fancyDinner.png"
|
||||||
|
><img
|
||||||
|
src="https://kaBeech.github.io/serious-sans/raw/main/fancyDinner.png"
|
||||||
|
alt="Adding up a fancy dinner bill"
|
||||||
|
title="Adding up a fancy dinner bill"
|
||||||
|
style="max-width: 100%"
|
||||||
|
/></a>
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
Without a monospaced font, getting all those numbers to line up for easy
|
||||||
|
adding would be a pain!
|
||||||
|
</p>
|
||||||
|
<h3>Origins</h3>
|
||||||
|
<p>
|
||||||
|
I originally changed the font in my IDE to Comic Mono as a joke. I
|
||||||
|
decided to leave it that way for a while for fun, and found that it
|
||||||
|
actually seems to help my mindset while working. I made Serious Sans as
|
||||||
|
my own leetle fork to improve the usability of the font ^_^
|
||||||
|
</p>
|
||||||
|
<h2>Differences from Comic Mono</h2>
|
||||||
|
<ol>
|
||||||
|
<li>I edited the 'a' to make it look less like an 'o'</li>
|
||||||
|
<li>
|
||||||
|
I remade the Bold weight style and added a Light weight style as well
|
||||||
|
</li>
|
||||||
|
<li>I added Italic styles for each weight style</li>
|
||||||
|
</ol>
|
||||||
|
<br />
|
||||||
|
<p>
|
||||||
|
Note: you can ignore the generate.py file - it generates the original
|
||||||
|
Comic Mono font. I haven't decided yet if I'm going to modify or remove
|
||||||
|
it
|
||||||
|
</p>
|
||||||
|
<h2>Any issues?</h2>
|
||||||
|
<p>If you notice any, please feel free to open an issue!</p>
|
||||||
|
<p>
|
||||||
|
Please note that so far I have only been using the original
|
||||||
|
SeriousSans.tff. The other styles have been reviewed but are largely
|
||||||
|
untested
|
||||||
|
</p>
|
||||||
|
<h2>License</h2>
|
||||||
|
<p>
|
||||||
|
Serious Sans is licensed under the
|
||||||
|
<a href="/kaBeech/serious-sans/blob/main/LICENSE">MIT License</a>.
|
||||||
|
</p>
|
||||||
|
<h2>Disclaimer</h2>
|
||||||
|
<p>
|
||||||
|
Please note that this font is in no way affiliated with the delightful
|
||||||
|
<a
|
||||||
|
href="https://www.myfonts.com/collections/serious-sans-pro-font-ogentroost"
|
||||||
|
rel="nofollow"
|
||||||
|
>Serious Sans Pro</a
|
||||||
|
>
|
||||||
|
font. I just like classic PC games ^_^
|
||||||
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<button id="seriousButton">Serious Sans</button>
|
|
||||||
<button id="seriousItalicButton">Serious Sans Italic</button>
|
|
||||||
<button id="seriousBoldButton">Serious Sans Bold</button>
|
|
||||||
<button id="seriousBoldItalicButton">Serious Sans Bold Italic</button>
|
|
||||||
<button id="seriousLightButton">Serious Sans Light</button>
|
|
||||||
<button id="seriousLightItalicButton">Serious Sans Light Italic</button>
|
|
||||||
|
|
||||||
<h2>Downloads</h2>
|
|
||||||
<h3>TrueType Format</h3>
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
<a
|
|
||||||
href="https://kaBeech.github.io/serious-sans/SeriousSans/ttf/SeriousSans.ttf"
|
|
||||||
>SeriousSans.ttf</a
|
|
||||||
>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a
|
|
||||||
href="https://kaBeech.github.io/serious-sans/SeriousSans/ttf/SeriousSansItalic.ttf"
|
|
||||||
>SeriousSansItalic.ttf</a
|
|
||||||
>
|
|
||||||
</li>
|
|
||||||
<br />
|
|
||||||
<li>
|
|
||||||
<a
|
|
||||||
href="https://kaBeech.github.io/serious-sans/SeriousSans/ttf/SeriousSansBold.ttf"
|
|
||||||
>SeriousSansBold.ttf</a
|
|
||||||
>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a
|
|
||||||
href="https://kaBeech.github.io/serious-sans/SeriousSans/ttf/SeriousSansBoldItalic.ttf"
|
|
||||||
>SeriousSansBoldItalic.ttf</a
|
|
||||||
>
|
|
||||||
</li>
|
|
||||||
<br />
|
|
||||||
<li>
|
|
||||||
<a
|
|
||||||
href="https://kaBeech.github.io/serious-sans/SeriousSans/ttf/SeriousSansLight.ttf"
|
|
||||||
>SeriousSansLight.ttf</a
|
|
||||||
>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a
|
|
||||||
href="https://kaBeech.github.io/serious-sans/SeriousSans/ttf/SeriousSansLightItalic.ttf"
|
|
||||||
>SeriousSansLightItalic.ttf</a
|
|
||||||
>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
<h3>OpenType Format</h3>
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
<a
|
|
||||||
href="https://kaBeech.github.io/serious-sans/SeriousSans/otf/SeriousSans.otf"
|
|
||||||
>SeriousSans.otf</a
|
|
||||||
>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a
|
|
||||||
href="https://kaBeech.github.io/serious-sans/SeriousSans/otf/SeriousSansItalic.otf"
|
|
||||||
>SeriousSansItalic.otf</a
|
|
||||||
>
|
|
||||||
</li>
|
|
||||||
<br />
|
|
||||||
<li>
|
|
||||||
<a
|
|
||||||
href="https://kaBeech.github.io/serious-sans/SeriousSans/otf/SeriousSansBold.otf"
|
|
||||||
>SeriousSansBold.otf</a
|
|
||||||
>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a
|
|
||||||
href="https://kaBeech.github.io/serious-sans/SeriousSans/otf/SeriousSansBoldItalic.otf"
|
|
||||||
>SeriousSansBoldItalic.otf</a
|
|
||||||
>
|
|
||||||
</li>
|
|
||||||
<br />
|
|
||||||
<li>
|
|
||||||
<a
|
|
||||||
href="https://kaBeech.github.io/serious-sans/SeriousSans/otf/SeriousSansLight.otf"
|
|
||||||
>SeriousSansLight.otf</a
|
|
||||||
>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a
|
|
||||||
href="https://kaBeech.github.io/serious-sans/SeriousSans/otf/SeriousSansLightItalic.otf"
|
|
||||||
>SeriousSansLightItalic.otf</a
|
|
||||||
>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
<h2>What?</h2>
|
|
||||||
<p>
|
|
||||||
Serious Sans is a legible monospaced font made to resemble the classic
|
|
||||||
Comic Sans font we all know and love. It is designed to be suitable for
|
|
||||||
use in a professional coding environment while retaining the playfulness
|
|
||||||
of the original
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Here's what it looks like viewing one of
|
|
||||||
<a href="https://kaBeech.github.io/Advent-Of-Code-2022"
|
|
||||||
>my Advent Of Code functions</a
|
|
||||||
>
|
|
||||||
in VS Code:
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
<a
|
|
||||||
target="_blank"
|
|
||||||
rel="noopener noreferrer"
|
|
||||||
href="https://kaBeech.github.io/serious-sans/blob/main/vscExample.png"
|
|
||||||
><img
|
|
||||||
src="https://kaBeech.github.io/serious-sans/raw/main/vscExample.png"
|
|
||||||
alt="Serious Sans in VS Code"
|
|
||||||
title="Serious Sans in VS Code"
|
|
||||||
style="max-width: 100%"
|
|
||||||
/></a>
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<h2>Why?</h2>
|
|
||||||
<p>
|
|
||||||
To overcome writer's block, some writers change the font of their word
|
|
||||||
processor to Comic Sans. Perhaps the jaunty style helps put our brains in
|
|
||||||
a playful mood so we can just write without getting hung up in
|
|
||||||
self-criticism
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Serious Sans aims to provide that same experience for programmers and
|
|
||||||
their IDE's. As coders, we also enjoy playful styling and tools that help
|
|
||||||
us just get to work. But most of us like to have certain standards that
|
|
||||||
make our work easier. Monospacing and legibility are important factors
|
|
||||||
that facilitate quick scanning of many lines of code
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<h3>Legibility</h3>
|
|
||||||
<p>
|
|
||||||
Legibility means being able to quickly tell which character is which. In
|
|
||||||
fonts with low legibility, for example, it can be difficult to tell the
|
|
||||||
difference between an upper case 'I' and a numeral '1'
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<h3>Monospacing</h3>
|
|
||||||
<p>
|
|
||||||
Monospacing means ensuring every character has the same width. This is
|
|
||||||
helpful to quickly line up rows of text. For an example of why this is
|
|
||||||
helpful, consider adding up a fancy dinner bill:
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
<a
|
|
||||||
target="_blank"
|
|
||||||
rel="noopener noreferrer"
|
|
||||||
href="https://kaBeech.github.io/serious-sans/blob/main/fancyDinner.png"
|
|
||||||
><img
|
|
||||||
src="https://kaBeech.github.io/serious-sans/raw/main/fancyDinner.png"
|
|
||||||
alt="Adding up a fancy dinner bill"
|
|
||||||
title="Adding up a fancy dinner bill"
|
|
||||||
style="max-width: 100%"
|
|
||||||
/></a>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Without a monospaced font, getting all those numbers to line up for easy
|
|
||||||
adding would be a pain!
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<h3>Origins</h3>
|
|
||||||
<p>
|
|
||||||
I originally changed the font in my IDE to Comic Mono as a joke. I decided
|
|
||||||
to leave it that way for a while for fun, and found that it actually seems
|
|
||||||
to help my mindset while working. I made Serious Sans as my own leetle
|
|
||||||
fork to improve the usability of the font ^_^
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<h2>Differences from Comic Mono</h2>
|
|
||||||
<ol>
|
|
||||||
<li>I edited the 'a' to make it look less like an 'o'</li>
|
|
||||||
<li>
|
|
||||||
I remade the Bold weight style and added a Light weight style as well
|
|
||||||
</li>
|
|
||||||
<li>I added Italic styles for each weight style</li>
|
|
||||||
</ol>
|
|
||||||
<br />
|
|
||||||
<p>
|
|
||||||
Note: you can ignore the generate.py file - it generates the original
|
|
||||||
Comic Mono font. I haven't decided yet if I'm going to modify or remove it
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<h2>Any issues?</h2>
|
|
||||||
<p>If you notice any, please feel free to open an issue!</p>
|
|
||||||
<p>
|
|
||||||
Please note that so far I have only been using the original
|
|
||||||
SeriousSans.tff. The other styles have been reviewed but are largely
|
|
||||||
untested
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<h2>License</h2>
|
|
||||||
<p>
|
|
||||||
Serious Sans is licensed under the
|
|
||||||
<a href="/kaBeech/serious-sans/blob/main/LICENSE">MIT License</a>.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<h2>Disclaimer</h2>
|
|
||||||
<p>
|
|
||||||
Please note that this font is in no way affiliated with the delightful
|
|
||||||
<a
|
|
||||||
href="https://www.myfonts.com/collections/serious-sans-pro-font-ogentroost"
|
|
||||||
rel="nofollow"
|
|
||||||
>Serious Sans Pro</a
|
|
||||||
>
|
|
||||||
font. I just like classic PC games ^_^
|
|
||||||
</p>
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
18
style.css
18
style.css
@@ -28,17 +28,35 @@
|
|||||||
src: url("./SeriousSans/ttf/SeriousSansLightItalic.ttf");
|
src: url("./SeriousSans/ttf/SeriousSansLightItalic.ttf");
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (min-width: 440px) {
|
||||||
|
#main {
|
||||||
|
max-width: 70%;
|
||||||
|
}
|
||||||
|
#downloads {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-evenly;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
background-color: #1e1e1e;
|
background-color: #1e1e1e;
|
||||||
color: #d4d4d4;
|
color: #d4d4d4;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif,
|
font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif,
|
||||||
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
||||||
|
font-size: 100%;
|
||||||
font-size: 1.5rem;
|
font-size: 1.5rem;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#main {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
padding: 0 1em;
|
||||||
|
}
|
||||||
|
|
||||||
ul,
|
ul,
|
||||||
ol {
|
ol {
|
||||||
list-style: none;
|
list-style: none;
|
||||||
|
|||||||
Reference in New Issue
Block a user