diff options
| author | radiohotline <radiohotline@disroot.org> | 2026-02-17 14:44:55 +0300 |
|---|---|---|
| committer | radiohotline <radiohotline@disroot.org> | 2026-02-17 14:44:55 +0300 |
| commit | 435aeb674198769b61b0ee8d82f85a108bacf49e (patch) | |
| tree | 2c87322d81130062e62afc04a22ef1e664a4622c /old/art.css | |
maintainence
Diffstat (limited to 'old/art.css')
| -rw-r--r-- | old/art.css | 112 |
1 files changed, 112 insertions, 0 deletions
diff --git a/old/art.css b/old/art.css new file mode 100644 index 0000000..9e5358d --- /dev/null +++ b/old/art.css @@ -0,0 +1,112 @@ +body {
+ background-color: #dbcdbe;
+ text-align: justify;
+ font-family: 'Courier New', Courier, monospace;
+ margin: 25px;
+}
+
+.art-container {
+ display: inline-flex;
+ flex-wrap: wrap;
+ justify-content: center;
+ flex-grow: none;
+ align-items: center;
+ align-self: flex-start;
+ gap: 20px;
+}
+
+@media (min-width: 900px) {
+ .art {
+ margin-left: 0%;
+ margin-right: 0%;
+ }
+
+ .art-nav {
+ margin-left: 30%;
+ margin-right: 30%;
+ }
+
+ .art-container {
+ flex-direction: row;
+ }
+
+ .art-container img {
+ height: 300px;
+ width: auto;
+
+ }
+
+ .main {
+ margin-left: 100px;
+ margin-right: 100px;
+ display: flex;
+ flex-wrap: wrap;
+ }
+}
+
+@media (max-width: 400px) {
+ body {
+ margin-left: 15px;
+ margin-right: 15px;
+ font-size: 20px;
+ }
+
+ p, a, li {
+ font-size: 14pt;
+ }
+
+ p {
+ margin-left: 10px;
+ margin-right: 10px;
+ }
+
+ ul, ol {
+ text-align: left;
+ }
+
+ nav {
+ margin-left: 0px;
+ margin-right: 0px;
+ }
+
+ .art-container {
+ flex-direction: column;
+ }
+
+ .art-container img {
+ height: auto;
+ width: 80vw;
+ margin-left: 5vw;
+ margin-right: 5vw;
+ }
+}
+
+h1 {
+ font-family: Garamond, serif;
+ font-weight: normal;
+}
+
+h2 {
+ font-family: serif;
+ font-weight: 100;
+}
+
+h6 {
+ font-weight: bold;
+}
+
+p, li {
+ font-weight: 500;
+ line-height: 1.5;
+ font-family: Garamond, serif, DejaVu Sans Mono, DejaVu;
+}
+
+a {
+ color: #8F2037;
+ cursor: pointer;
+ font-family: 'Courier New', Courier, monospace;
+}
+
+a:active {
+ color: red;
+}
|