diff options
| author | Karan Jayachandra <mail@karanjayachandra.com> | 2025-09-26 17:40:43 +0200 |
|---|---|---|
| committer | Karan Jayachandra <mail@karanjayachandra.com> | 2025-09-26 17:40:43 +0200 |
| commit | 583c01de122be399dcbf200ccc3f8bb8687c2cd1 (patch) | |
| tree | 8afa844c8e720fa09d70190168791bc177b4cae0 /static/main.css | |
| parent | 9a1294965f82a112079f29447e5e04ecc1f5e4ed (diff) | |
Added the changes that allow for blogging
Diffstat (limited to 'static/main.css')
| -rw-r--r-- | static/main.css | 95 |
1 files changed, 95 insertions, 0 deletions
diff --git a/static/main.css b/static/main.css new file mode 100644 index 0000000..46e1d7c --- /dev/null +++ b/static/main.css @@ -0,0 +1,95 @@ +:root {
+ --hue: 0;
+ --saturation: 50%;
+ --text-color: hsl(var(--hue), var(--saturation), 0%);
+ --bg-color: hsl(var(--hue), var(--saturation), 100%);
+ --theme-color: hsl(var(--hue), var(--saturation), 50%);
+ --code-bg-color: hsl(var(--hue), var(--saturation), 90%);
+ font-family: system-ui;
+ background-color: var(--bg-color);
+ color: var(--text-color);
+ max-width: 800px;
+ margin: auto;
+}
+h1 {
+ border-left: 5px;
+}
+h2 {
+ border-left: 3px;
+}
+h3 {
+ border-left: 1px;
+}
+h1, h2, h3 {
+ border-left-style: solid;
+ border-color: var(--theme-color);
+ padding-left: 15px;
+}
+a {
+ color: var(--theme-color);
+}
+body img {
+ max-width: 100%;
+}
+nav ul, nav ol {
+ padding: 0%;
+ list-style: none;
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(20%, 1fr));
+ gap: 5%;
+}
+nav ul li, nav ol li {
+ background-color: var(--code-bg-color);
+ font-size: large;
+ text-align: center;
+ padding-top: 3%;
+ padding-bottom: 3%;
+ border-radius: 0.5em;
+}
+nav ul li a, nav ol li a {
+ text-decoration: none;
+}
+blockquote {
+ font-style: italic;
+}
+table {
+ border-collapse: collapse;
+ width: 100%;
+}
+th, td {
+ border: 1px solid;
+}
+kbd, code, pre {
+ background-color: var(--code-bg-color);
+ font-size: large;
+}
+mark {
+ background-color: var(--theme-color);
+}
+footer {
+ text-align: center;
+}
+@media (max-width: 900px) {
+ :root {
+ max-width: 95%;
+ }
+ nav ul {
+ grid-template-columns: 1fr 1fr;
+ gap: 2%;
+ }
+ table {
+ overflow: scroll;
+ }
+}
+@media (prefers-color-scheme: dark) {
+ :root {
+ --text-color: hsl(var(--hue), var(--saturation), 100%);
+ --bg-color: hsl(var(--hue), var(--saturation), 0%);
+ --theme-color: hsl(var(--hue), var(--saturation), 50%);
+ --code-bg-color: hsl(var(--hue), var(--saturation), 10%);
+ }
+}
+/* Disable multi level menus */
+nav ul li ul, nav ul li ol {
+ display: none;
+}
\ No newline at end of file |