mirrors/mycorrhiza
1
0
Fork 0
mirror of https://github.com/osmarks/mycorrhiza.git synced 2024-10-30 19:56:16 +00:00
Code Issues Releases Wiki Activity
70e427bc23
mycorrhiza/templates/default.css

245 lines
10 KiB
CSS
Raw Normal View History

Improve page layout
2021-01-25 18:37:21 +00:00
/* General element positions, from small to big */
/* Phones and whatnot */
header { width: 100%; margin-bottom: 1rem; }
.header-links__list, .hypha-tabs__flex { margin: 0; padding: 0; display: flex; flex-wrap: wrap; }
.header-links__entry, .hypha-tabs__tab { list-style-type: none; }
.header-links__entry { margin-right: .5rem; }
.header-links__entry_user { font-style:italic; }
.header-links__link { display: inline-block; padding: .25rem; text-decoration: none; }
.hypha-tabs { padding: 0; margin: 0; }
.hypha-tabs__tab { margin-right: .5rem; padding: 0; }
.hypha-tabs__link { display: inline-block; padding: .25rem; text-decoration: none; }
.hypha-tabs__selection { display: inline-block; padding: .25rem; font-weight: bold; }
.relative-hyphae { margin-top: .5rem; }
.relative-hyphae li { list-style-type: none; }
@media screen and (max-width: 800px) {
.main-width { width: 100%; }
main { padding: 1rem; margin: 0; }
}
/* No longer a phone but still small screen: draw normal tabs, center main */
@media screen and (min-width: 801px) {
.main-width { padding: 1rem 2rem; width: 800px; margin: 0 auto; }
main { border-radius: .25rem; }
Make relative hyphae block more compact
2021-01-25 18:46:28 +00:00
.relative-hyphae { margin: .5rem auto 0 auto; }
Improve page layout
2021-01-25 18:37:21 +00:00
.header-links { padding: 0; }
Add header links
2021-01-23 19:00:58 +00:00
.header-links__entry { margin-right: 1.5rem; }
Move the user link to the header links
2021-01-24 07:30:14 +00:00
.header-links__entry_user { margin: 0 2rem 0 auto; }
Add header links
2021-01-23 19:00:58 +00:00
.header-links__entry:nth-of-type(1),
Improve page layout
2021-01-25 18:37:21 +00:00
.hypha-tabs { padding: 0; }
.hypha-tabs__tab { border-radius: .25rem .25rem 0 0; margin-right: 0; }
.hypha-tabs__selection, .hypha-tabs__link { padding: .25rem .5rem; }
.header-links__entry:nth-of-type(1), .hypha-tabs__tab:nth-of-type(1) { margin-left: 2rem; }
Add default css
2020-10-25 18:02:52 +00:00
}
Improve page layout
2021-01-25 18:37:21 +00:00
/* Wide enough to fit two columns ok */
@media screen and (min-width: 1200px) {
.layout { display: grid; grid-template-columns: auto 1fr; column-gap: 1rem; margin: 0 1rem; }
.main-width { margin: 0; }
main { grid-column: 1 / span 1; grid-row: 1 / span 2; }
Make relative hyphae block more compact
2021-01-25 18:46:28 +00:00
.relative-hyphae { grid-column: 2 / span 1; grid-row: 1 / span 1; min-width: 10rem; max-width: 18rem; margin: 0 auto 0 0; }
Improve page layout
2021-01-25 18:37:21 +00:00
}
@media screen and (min-width: 1300px) {
.layout { grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); }
.main-width { margin: 0 auto; }
main { grid-column: 2 / span 1; }
.relative-hyphae { grid-column: 3 / span 1; }
Add default css
2020-10-25 18:02:52 +00:00
}
Improve page layout
2021-01-25 18:37:21 +00:00
Add default css
2020-10-25 18:02:52 +00:00
*, *::before, *::after {box-sizing: border-box;}
Some CSS fixes
2021-01-16 16:57:57 +00:00
html { height:100%; padding:0; }
Make some visual changes
2021-01-10 13:01:38 +00:00
body {height:100%; margin:0; font-size:16px; font-family: 'PT Sans', 'Liberation Sans', sans-serif;}
Add default css
2020-10-25 18:02:52 +00:00
main > form {margin-bottom:1rem;}
Make textarea have proportional font
2021-01-14 11:59:30 +00:00
textarea {font-size:16px; font-family: 'PT Sans', 'Liberation Sans', sans-serif;}
Improve layout
2021-01-26 05:41:57 +00:00
.edit { min-height: 80vh; }
.edit__title { margin-top: 0; }
Add edit previews
2021-01-16 16:42:18 +00:00
.edit__preview { border: 2px dashed #ddd; }
Improve layout
2021-01-26 05:41:57 +00:00
.edit-form {height:70vh;}
.edit-form textarea {width:100%;height:95%;}
Add edit previews
2021-01-16 16:42:18 +00:00
.edit-form__save { font-weight: bold; }
Improve layout
2021-01-26 05:41:57 +00:00
Implement RSS, Atom and JSON feeds and add a new flag
2020-12-08 15:15:32 +00:00
.icon {margin-right: .25rem; vertical-align: bottom; }
Add default css
2020-10-25 18:02:52 +00:00
Implement some features of mycomarkup
2020-10-30 13:25:48 +00:00
main h1:not(.navi-title) {font-size:1.7rem;}
Add dark theme
2021-01-15 14:10:08 +00:00
blockquote { margin-left: 0; padding-left: 1rem; }
Move the protocol icons to the left, change svg icon colors
2021-01-24 08:18:59 +00:00
.wikilink_external::before { display: inline-block; width: 18px; height: 16px; vertical-align: sub; }
/* .wikilink_external { padding-left: 16px; } */
.wikilink_gopher::before { content: url("/static/icon/gopher"); }
.wikilink_http::before { content: url("/static/icon/http"); }
.wikilink_https::before { content: url("/static/icon/http"); }
/* .wikilink_https { background: transparent url("/static/icon/http") center left no-repeat; } */
.wikilink_gemini::before { content: url("/static/icon/gemini"); }
.wikilink_mailto::before { content: url("/static/icon/mailto"); }
Improve links visually
2020-12-15 18:59:36 +00:00
Make some visual changes
2021-01-10 13:01:38 +00:00
article { overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; line-height: 150%; }
article h1, article h2, article h3, article h4, article h5, article h6 { margin: 1.5rem 0 0 0; }
article p { margin: .5rem 0; }
article ul, ol { padding-left: 1.5rem; margin: .5rem 0; }
Add dark theme
2021-01-15 14:10:08 +00:00
article code { padding: .1rem .3rem; border-radius: .25rem; font-size: 90%; }
article pre.codeblock { padding:.5rem; white-space: pre-wrap; border-radius: .25rem;}
Fix monospace styling
2020-11-24 17:23:45 +00:00
.codeblock code {padding:0; font-size:15px;}
Add dark theme
2021-01-15 14:10:08 +00:00
.transclusion { border-radius: .25rem; }
Better transclusion and image blocks
2020-11-02 19:04:36 +00:00
.transclusion__content > *:not(.binary-container) {margin: 0.5rem; }
Add dark theme
2021-01-15 14:10:08 +00:00
.transclusion__link {display: block; text-align: right; font-style: italic; margin-top: .5rem; margin-right: .25rem; text-decoration: none;}
Better transclusion and image blocks
2020-11-02 19:04:36 +00:00
.transclusion__link::before {content: "⇐ ";}
Add default css
2020-10-25 18:02:52 +00:00
Draw rocketlink arrows with svg
2020-12-17 13:33:07 +00:00
/* Derived from https://commons.wikimedia.org/wiki/File:U%2B21D2.svg */
Move the protocol icons to the left, change svg icon colors
2021-01-24 08:18:59 +00:00
.launchpad__entry { list-style-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.0' width='25' height='12'%3E%3Cg transform='scale(0.7,0.8) translate(-613.21429,-421)'%3E%3Cpath fill='%23999' d='M 638.06773,429.49751 L 631.01022,436.87675 L 630.1898,436.02774 L 632.416,433.30375 L 613.46876,433.30375 L 613.46876,431.66382 L 633.82089,431.66382 L 635.57789,429.5261 L 633.79229,427.35979 L 613.46876,427.35979 L 613.46876,425.71985 L 632.416,425.71985 L 630.1898,422.99587 L 631.01022,422.08788 L 638.06773,429.49751 z '/%3E%3C/g%3E%3C/svg%3E"); }
Improve links visually
2020-12-15 18:59:36 +00:00
Add default css
2020-10-25 18:02:52 +00:00
.binary-container_with-img img,
.binary-container_with-video video,
.binary-container_with-audio audio {width: 100%}
Improve navititle
2021-01-14 11:51:17 +00:00
Make hypha tabs look more like tabs
2021-01-20 13:53:30 +00:00
.navi-title { padding-bottom: .5rem; margin: .25rem 0; }
Improve navititle
2021-01-14 11:51:17 +00:00
.navi-title a {text-decoration:none; }
Make navi-title better
2021-01-10 11:58:02 +00:00
.navi-title__separator { margin: 0 .25rem; }
Improve navititle
2021-01-14 11:51:17 +00:00
.navi-title__colon { margin-right: .5rem; }
Add dark theme
2021-01-15 14:10:08 +00:00
.upload-amnt { clear: both; padding: .5rem; border-radius: .25rem; }
Allow unattaching
2021-01-19 18:08:59 +00:00
.upload-amnt__unattach { display: block; }
Add dark theme
2021-01-15 14:10:08 +00:00
aside { clear: both; }
Improve navititle
2021-01-14 11:51:17 +00:00
Show prev/next links
2020-11-29 11:32:52 +00:00
.img-gallery { text-align: center; margin-top: .25rem; margin-bottom: .25rem; }
Add dark theme
2021-01-15 14:10:08 +00:00
.img-gallery_many-images { border-radius: .25rem; padding: .5rem; }
Reimplement images
2020-11-26 18:41:26 +00:00
.img-gallery img { max-width: 100%; max-height: 50vh; }
Add img tag
2020-11-03 15:41:50 +00:00
figure { margin: 0; }
Reimplement images
2020-11-26 18:41:26 +00:00
figcaption { padding-bottom: .5rem; }
Add default css
2020-10-25 18:02:52 +00:00
#new-name {width:100%;}
Make hypha tabs look more like tabs
2021-01-20 13:53:30 +00:00
Make a better recent changes page
2020-11-04 11:00:17 +00:00
Add dark theme
2021-01-15 14:10:08 +00:00
.rc-entry { display: grid; list-style-type: none; padding: .25rem; grid-template-columns: 1fr 1fr; }
Make a better recent changes page
2020-11-04 11:00:17 +00:00
.rc-entry__time { font-style: italic; }
.rc-entry__hash { font-style: italic; text-align: right; }
.rc-entry__links { grid-column: 1 / span 2; }
Show edit author in recent changes and let anons upload attachments on no-auth wikis
2020-11-18 13:27:18 +00:00
.rc-entry__author { font-style: italic; }
Show prev/next links
2020-11-29 11:32:52 +00:00
Add dark theme
2021-01-15 14:10:08 +00:00
.prevnext__el { display: block-inline; min-width: 40%; padding: .5rem; margin-bottom: .25rem; text-decoration: none; border-radius: .25rem; }
Show prev/next links
2020-11-29 11:32:52 +00:00
.prevnext__prev { float: left; }
.prevnext__next { float: right; text-align: right; }
.page-separator { clear: both; }
Make history page easier to use
2020-11-29 17:06:45 +00:00
.history__entries { background-color: #eee; margin: 0; padding: 0; border-radius: .25rem; }
fix(ui): history month header color in dark mode
2021-01-20 15:01:47 +00:00
.history__month-anchor { text-decoration: none; color: inherit; }
Make history page easier to use
2020-11-29 17:06:45 +00:00
.history__entry { list-style-type: none; padding: .25rem; }
.history-entry { padding: .25rem; }
.history-entry__time { font-weight: bold; }
.history-entry__author { font-style: italic; }
Add dark theme
2021-01-15 14:10:08 +00:00
table { border: #ddd 1px solid; border-radius: .25rem; min-width: 4rem; }
td { padding: .25rem; }
Add tables to mycomarkup
2021-01-01 04:07:56 +00:00
caption { caption-side: top; font-size: small; }
Add dark theme
2021-01-15 14:10:08 +00:00
Make the relative hyphae block look nicer a little
2021-02-06 16:14:57 +00:00
.navitree { padding: 0; margin: 0; }
.navitree__trunk ul { padding-left: 1rem; }
.navitree > .navitree__trunk > ul { padding-left: 2rem; }
.navitree__entry { }
.navitree > .navitree__entry > a::before { display: inline-block; width: .5rem; color: #999; margin: 0 .25rem; }
.navitree > .navitree__entry_infertile > a::before { content: " "} /* nbsp, careful */
Rotate a triangle shown in relative hyphae block
2021-02-06 16:38:48 +00:00
.navitree > .navitree__sibling_fertile > a::before { content: "▸"}
.navitree > .navitree__trunk_fertile > a::before { content: "▾"}
Make the relative hyphae block look nicer a little
2021-02-06 16:14:57 +00:00
.navitree__trunk { border-left: 1px #999 solid; }
.navitree > .navitree__trunk { border-left: none; }
.navitree > .navitree__trunk > a { font-weight: bold; }
.navitree__link { text-decoration: none; display: block; padding: .25rem; }
.navitree__link:hover { background-color: #eee; }
Add dark theme
2021-01-15 14:10:08 +00:00
/* Color stuff */
/* Lighter stuff #eee */
article code,
article .codeblock,
.transclusion,
.img-gallery_many-images,
.rc-entry,
.prevnext__el,
table { background-color: #eee; }
Move hypha tree to right, make hypha tabs look cuter
2021-01-24 18:41:42 +00:00
.hypha-tabs__tab { background-color: #eee; }
.hypha-tabs__tab a { color: black; }
.hypha-tabs__tab_active { border-bottom: 2px white solid; background: white; }
Make hypha tabs look more like tabs
2021-01-20 13:53:30 +00:00
@media screen and (max-width: 800px) {
Move hypha tree to right, make hypha tabs look cuter
2021-01-24 18:41:42 +00:00
.hypha-tabs,
.hypha-tabs__tab { background-color: white; }
Make hypha tabs look more like tabs
2021-01-20 13:53:30 +00:00
}
Improve page layout
2021-01-25 18:37:21 +00:00
@media screen and (min-width: 801px) {
.hypha-tabs__tab { border: 1px #ddd solid; }
.hypha-tabs__tab_active { border-bottom: 1px white solid; }
}
.layout-card { border-radius: .25rem; background-color: white; }
.layout-card__title { font-size: 1rem; margin: 0; padding: .25rem .5rem; border-radius: .25rem .25rem 0 0; }
.layout-card__title { background-color: #eee; }
Add dark theme
2021-01-15 14:10:08 +00:00
/* Other stuff */
Some CSS fixes
2021-01-16 16:57:57 +00:00
html { background-color: #ddd;
background-image: url("data:image/svg+xml,%3Csvg width='42' height='44' viewBox='0 0 42 44' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Page-1' fill='none' fill-rule='evenodd'%3E%3Cg id='brick-wall' fill='%23bbbbbb' fill-opacity='0.4'%3E%3Cpath d='M0 0h42v44H0V0zm1 1h40v20H1V1zM0 23h20v20H0V23zm22 0h20v20H22V23z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
} /* heropatterns.com */
Add header links
2021-01-23 19:00:58 +00:00
header { background-color: #bbb; }
.header-links__link { color: black; }
.header-links__link:hover { background-color: #eee; }
Move hypha tree to right, make hypha tabs look cuter
2021-01-24 18:41:42 +00:00
main { background-color: white; }
Make hypha tabs look more like tabs
2021-01-20 13:53:30 +00:00
Add dark theme
2021-01-15 14:10:08 +00:00
blockquote { border-left: 4px black solid; }
.wikilink_new {color:#a55858;}
.transclusion code, .transclusion .codeblock {background-color:#ddd;}
.transclusion__link { color: black; }
.wikilink_new:visited {color:#a55858;}
.navi-title { border-bottom: #eee 1px solid; }
.upload-amnt { border: #eee 1px solid; }
td { border: #ddd 1px solid; }
/* Dark theme! */
@media (prefers-color-scheme: dark) {
Some CSS fixes
2021-01-16 16:57:57 +00:00
html { background: #222; color: #ddd; }
Improve page layout
2021-01-25 18:37:21 +00:00
main, article, .hypha-tabs__tab, header, .layout-card { background-color: #343434; color: #ddd; }
Make hypha tabs look more like tabs
2021-01-20 13:53:30 +00:00
Make dark theme lest contrast
2021-01-16 15:44:49 +00:00
a, .wikilink_external { color: #f1fa8c; }
a:visited, .wikilink_external:visited { color: #ffb86c; }
.wikilink_new, .wikilink_new:visited { color: #dd4444; }
Make relative hyphae block more compact
2021-01-25 18:46:28 +00:00
.navitree__link:hover { background-color: #444; }
Add header links
2021-01-23 19:00:58 +00:00
.header-links__link, .header-links__link:visited,
Make dark theme lest contrast
2021-01-16 15:44:49 +00:00
.prevnext__el, .prevnext__el:visited { color: #ddd; }
Add header links
2021-01-23 19:00:58 +00:00
.header-links__link:hover { background-color: #444; }
Add dark theme
2021-01-15 14:10:08 +00:00
Make hypha tabs look more like tabs
2021-01-20 13:53:30 +00:00
.hypha-tabs__tab a, .hypha-tabs__tab { color: #ddd; background-color: #232323; border: 0; }
Improve page layout
2021-01-25 18:37:21 +00:00
.layout-card__title, .hypha-tabs__tab_active { background-color: #343434; }
Make hypha tabs look more like tabs
2021-01-20 13:53:30 +00:00
blockquote { border-left: 4px #ddd solid; }
Add dark theme
2021-01-15 14:10:08 +00:00
.transclusion .transclusion__link { color: #ddd; }
article code,
article .codeblock,
.transclusion,
.img-gallery_many-images,
.rc-entry,
.history__entry,
.prevnext__el,
.upload-amnt,
textarea,
Make dark theme lest contrast
2021-01-16 15:44:49 +00:00
table { border: 0; background-color: #444444; color: #ddd; }
Add dark theme
2021-01-15 14:10:08 +00:00
.transclusion code,
Make dark theme lest contrast
2021-01-16 15:44:49 +00:00
.transclusion .codeblock { background-color: #454545; }
Some CSS fixes
2021-01-16 16:57:57 +00:00
mark { background: rgba(130, 80, 30, 5); color: inherit; }
Make hypha tabs look more like tabs
2021-01-20 13:53:30 +00:00
@media screen and (max-width: 800px) {
.hypha-tabs { background-color: #232323; }
}
Improve page layout
2021-01-25 18:37:21 +00:00
@media screen and (min-width: 801px) {
/* .hypha-tabs__tab { border: 1px #ddd solid; } */
/* .hypha-tabs__tab_active { border-bottom: 1px white solid; } */
}
Add dark theme
2021-01-15 14:10:08 +00:00
}
Move hypha tree to right, make hypha tabs look cuter
2021-01-24 18:41:42 +00:00
Reference in New Issue Copy Permalink