diff options
| author | Sadeep Madurange <sadeep@asciimx.com> | 2025-10-25 16:00:54 +0800 |
|---|---|---|
| committer | Sadeep Madurange <sadeep@asciimx.com> | 2025-10-25 16:00:54 +0800 |
| commit | 18aa7dd1057cd29cc087c4f45566394692f2f01d (patch) | |
| tree | da793b0fa0a7d89bb1abe10d63b38700ee184bd8 /_site/assets/css | |
| parent | 5066fbedd5b92797ceca9f6841785ee03b362a57 (diff) | |
| download | www-18aa7dd1057cd29cc087c4f45566394692f2f01d.tar.gz | |
Presentable article style with 3 columns.
Diffstat (limited to '_site/assets/css')
| -rw-r--r-- | _site/assets/css/main.css | 62 | ||||
| -rw-r--r-- | _site/assets/css/skeleton.css | 2 |
2 files changed, 44 insertions, 20 deletions
diff --git a/_site/assets/css/main.css b/_site/assets/css/main.css index 621e0a5..e6c2231 100644 --- a/_site/assets/css/main.css +++ b/_site/assets/css/main.css @@ -51,6 +51,18 @@ td { width: 50%; } +#navlist li +{ + display: inline; + list-style-type: none; + padding-right: 20px; +} + +#navlist > .active > a { + font-weight: 600; + text-decoration: none; +} + .author{ font-size: 1.3em; padding-top: 20px; @@ -95,8 +107,8 @@ td { } #title{ - padding-top: 50px; - padding-bottom: 50px; + padding-top: 0px; + padding-bottom: 0px; } .center{ @@ -136,11 +148,7 @@ hr.simple { font-size: 2.5em; } -.twocol::first-letter{ - font-size: 2.5em; -} - -.threecol{ +.threecol { -ms-word-break: keep-all; word-break: keep-all; hyphens: auto; @@ -148,27 +156,43 @@ hr.simple { -moz-hyphens: auto; } -#navlist li -{ - display: inline; - list-style-type: none; - padding-right: 20px; +@media only screen +and (min-device-width : 768px) { + .threecol { + -moz-column-count: 3; + -moz-column-gap: 20px; + -webkit-column-count: 3; + -webkit-column-gap: 20px; + column-count: 3; + column-gap: 20px; + width: 100%; + } + .tag{ + width: 23%; + margin-right:0; + } } +.twocol::first-letter { + font-size: 2.5em; +} -#navlist > .active > a { - font-weight: 600; - text-decoration: none; +.twocol{ + -ms-word-break: keep-all; + word-break: keep-all; + hyphens: auto; + -webkit-hyphens: auto; + -moz-hyphens: auto; } @media only screen and (min-device-width : 768px) { - .threecol { - -moz-column-count: 3; + .twocol { + -moz-column-count: 2; -moz-column-gap: 20px; - -webkit-column-count: 3; + -webkit-column-count: 2; -webkit-column-gap: 20px; - column-count: 3; + column-count: 2; column-gap: 20px; width: 100%; } diff --git a/_site/assets/css/skeleton.css b/_site/assets/css/skeleton.css index e9cb181..ab259bb 100644 --- a/_site/assets/css/skeleton.css +++ b/_site/assets/css/skeleton.css @@ -352,7 +352,7 @@ p, ul, ol, form { - margin-bottom: 2.5rem; } + margin-bottom: 1.5rem; } /* Utilities |