2021-05-14 09:05:07 +00:00
. non-existent-hypha { }
. non-existent-hypha__ways { display : flex ; flex-direction : column ; width : 100 % ; margin : 0 0 1 rem 0 ; }
. non-existent-hypha__way { border : 1 px #999 solid ; border-radius : .25 rem ; padding : .25 rem ; }
. non-existent-hypha__title { margin-bottom : 1 rem ; }
. non-existent-hypha__subtitle { margin : 0 ; }
2021-04-12 16:40:25 +00:00
2021-02-24 17:34:42 +00:00
. amnt-grid { display : grid ; grid-template-columns : 1 fr 1 fr ; }
2021-05-14 09:43:02 +00:00
# upload-binary__input { display : block ; margin : .25 rem 0 .25 rem 0 ; }
2021-02-24 17:34:42 +00:00
2021-02-22 17:38:41 +00:00
. modal__title { font-size : 2 rem ; }
2021-02-24 17:34:42 +00:00
. modal__title_small { font-size : 1.5 rem ; }
2021-02-22 17:38:41 +00:00
. modal__confirmation-msg { margin : 0 0 .5 rem 0 ; }
2021-02-22 18:37:23 +00:00
2021-08-31 17:27:52 +00:00
. hypha-list , . title-search__results , . backlinks__list { padding-left : 0 ; }
. hypha-list__entry , . title-search__entry , . backlinks__entry { list-style-type : none ; }
. hypha-list__link , . title-search__link , . backlinks__link { text-decoration : none ; display : inline-block ; padding : .25 rem ; }
. hypha-list__link : hover , . title-search__link : hover , . backlinks__link : hover { text-decoration : underline ; }
2021-02-22 18:37:23 +00:00
. hypha-list__amnt-type { font-size : smaller ; color : #999 ; }
/* General element positions, from small to big */
2021-01-25 18:37:21 +00:00
/* Phones and whatnot */
2021-02-19 16:56:31 +00:00
. layout { display : grid ; row-gap : 1 rem ; }
2021-01-25 18:37:21 +00:00
header { width : 100 % ; margin-bottom : 1 rem ; }
2021-02-19 16:56:31 +00:00
. layout-card li { list-style-type : none ; }
2021-01-25 18:37:21 +00:00
@ media screen and ( max-width : 800px ) {
2021-02-24 17:34:42 +00:00
. amnt-grid { grid-template-columns : 1 fr ; }
2021-03-05 10:40:28 +00:00
. layout { grid-template-columns : auto ; grid-template-rows : auto auto auto ; }
2021-01-25 18:37:21 +00:00
. main-width { width : 100 % ; }
2021-08-08 19:51:37 +00:00
main { padding : .5 rem 1 rem 1 rem 1 rem ; }
2021-01-25 18:37:21 +00:00
}
2021-05-14 09:05:07 +00:00
@ media screen and ( min-width : 500px ) {
. non-existent-hypha__way { flex : 1 ; margin-right : .5 rem ; }
. non-existent-hypha__ways { flex-direction : row ; }
. non-existent-hypha__way : last-child { margin-right : 0 ; }
}
2021-08-08 19:19:55 +00:00
/* No longer a phone but still small screen: center main */
2021-01-25 18:37:21 +00:00
@ media screen and ( min-width : 801px ) {
. main-width { padding : 1 rem 2 rem ; width : 800 px ; margin : 0 auto ; }
main { border-radius : .25 rem ; }
2021-02-19 16:56:31 +00:00
. layout-card { width : 800 px ; margin : 0 auto ; }
2020-10-25 18:02:52 +00:00
}
2021-01-25 18:37:21 +00:00
2021-04-12 16:40:25 +00:00
2021-01-25 18:37:21 +00:00
/* Wide enough to fit two columns ok */
2021-02-19 16:56:31 +00:00
@ media screen and ( min-width : 1100px ) {
. layout { display : grid ; grid-template-columns : auto 1 fr ; column-gap : 1 rem ; margin : 0 1 rem ; row-gap : 1 rem ; }
2021-01-25 18:37:21 +00:00
. main-width { margin : 0 ; }
main { grid-column : 1 / span 1 ; grid-row : 1 / span 2 ; }
2021-07-12 15:23:25 +00:00
. sibling-hyphae , . edit-toolbar , . help-topics { grid-column : 2 / span 1 ; grid-row : 1 / span 1 ; }
2021-02-19 16:56:31 +00:00
. layout-card { width : 100 % ; }
2021-04-12 16:40:25 +00:00
. edit-toolbar__buttons { display : grid ; }
}
@ media screen and ( min-width : 1150px ) {
2021-06-15 21:46:25 +00:00
. edit-toolbar__buttons { grid-template-columns : 1 fr 1 fr ; grid-column-gap : .125 rem ; }
2021-01-25 18:37:21 +00:00
}
2021-02-19 16:56:31 +00:00
@ media screen and ( min-width : 1250px ) {
2021-01-25 18:37:21 +00:00
. layout { grid-template-columns : minmax ( 0 , 1 fr ) auto minmax ( 0 , 1 fr ) ; }
2021-04-12 16:40:25 +00:00
. layout-card { max-width : 18 rem ; }
2021-01-25 18:37:21 +00:00
. main-width { margin : 0 auto ; }
main { grid-column : 2 / span 1 ; }
2021-07-12 15:23:25 +00:00
. sibling-hyphae , . edit-toolbar , . help-topics { grid-column : 3 / span 1 ; margin-left : 0 ; }
2021-04-12 16:40:25 +00:00
. edit-toolbar__buttons { grid-template-columns : 1 fr ; }
2020-10-25 18:02:52 +00:00
}
2021-01-25 18:37:21 +00:00
2021-04-12 16:40:25 +00:00
@ media screen and ( min-width : 1400px ) {
. edit-toolbar__buttons { grid-template-columns : 1 fr 1 fr ; }
}
2020-10-25 18:02:52 +00:00
* , * :: before , * :: after { box-sizing : border-box ; }
2021-01-16 16:57:57 +00:00
html { height : 100 % ; padding : 0 ; }
2021-08-17 14:40:30 +00:00
body { margin : 0 ; font-size : 16 px ; font-family : sans-serif ; color : black ; }
2021-06-20 05:32:55 +00:00
input , kbd { font : inherit ; color : inherit ; }
2021-08-18 19:11:35 +00:00
textarea { font-size : 16 px ; font-family : inherit ; line-height : 150 % ; }
2021-01-26 05:41:57 +00:00
. edit { min-height : 80 vh ; }
. edit__title { margin-top : 0 ; }
2021-01-16 16:42:18 +00:00
. edit__preview { border : 2 px dashed #ddd ; }
2021-06-19 22:58:56 +00:00
. edit-form__textarea { width : 100 % ; height : calc ( 100 % - 8 rem ) ; min-height : 4 rem ; }
2021-06-14 07:48:53 +00:00
. edit-form__message { width : 100 % ; margin : 0.25 em 0 ; }
2021-01-16 16:42:18 +00:00
. edit-form__save { font-weight : bold ; }
2021-04-05 18:29:45 +00:00
. edit-toolbar__buttons , . edit-toolbar__ad { margin : .5 rem ; }
2021-08-17 13:06:17 +00:00
@ media screen and ( max-height : 500px ) {
. edit-form { height : 90 vh ; }
}
@ media screen and ( min-height : 501px ) {
. edit-form { height : 80 vh ; }
}
2021-01-26 05:41:57 +00:00
2020-12-08 15:15:32 +00:00
. icon { margin-right : .25 rem ; vertical-align : bottom ; }
2020-10-25 18:02:52 +00:00
2020-10-30 13:25:48 +00:00
main h1 : not ( . navi-title ) { font-size : 1.7 rem ; }
2021-06-03 13:11:04 +00:00
blockquote { margin : 0 ; padding-left : .75 rem ; }
2021-01-24 08:18:59 +00:00
. wikilink_external :: before { display : inline-block ; width : 18 px ; height : 16 px ; vertical-align : sub ; }
/* .wikilink_external { padding-left: 16px; } */
2021-06-12 13:51:28 +00:00
. wikilink_gopher :: before { content : url ( "/static/icon/gopher-proto.svg" ) ; }
. wikilink_http :: before , . wikilink_https :: before { content : url ( "/static/icon/http-proto.svg" ) ; }
/* .wikilink_https { background: transparent url("/static/icon/http-proto.svg") center left no-repeat; } */
. wikilink_gemini :: before { content : url ( "/static/icon/gemini-proto.svg" ) ; }
. wikilink_mailto :: before { content : url ( "/static/icon/mailto-proto.svg" ) ; }
2020-12-15 18:59:36 +00:00
2021-01-10 13:01:38 +00:00
article { overflow-wrap : break-word ; word-wrap : break-word ; word-break : break-word ; line-height : 150 % ; }
2021-07-12 10:20:53 +00:00
main h1 { margin : .5 rem 0 0 0 ; }
main h2 , main h3 , main h4 , main h5 , main h6 { margin : 1.5 rem 0 0 0 ; }
2021-03-02 16:36:57 +00:00
. heading__link { text-decoration : none ; display : inline-block ; }
. heading__link :: after { width : 1 rem ; content : "§" ; color : transparent ; }
. heading__link : hover :: after , . heading__link : active :: after { color : #999 ; }
2021-01-10 13:01:38 +00:00
article p { margin : .5 rem 0 ; }
article ul , ol { padding-left : 1.5 rem ; margin : .5 rem 0 ; }
2021-05-25 07:34:04 +00:00
article code { padding : .1 rem .3 rem ; border-radius : .25 rem ; font-size : 90 % ; font-family : 'Menlo' , 'PT Mono' , monospace ; }
2021-01-15 14:10:08 +00:00
article pre . codeblock { padding : .5 rem ; white-space : pre-wrap ; border-radius : .25 rem ; }
2020-11-24 17:23:45 +00:00
. codeblock code { padding : 0 ; font-size : 15 px ; }
2021-06-23 12:25:32 +00:00
. transclusion { border-radius : .25 rem ; margin-bottom : .25 rem ; }
. transclusion_failed { padding : 0 .5 rem ; }
2020-11-02 19:04:36 +00:00
. transclusion__content > * : not ( . binary-container ) { margin : 0.5 rem ; }
2021-07-06 17:52:52 +00:00
. transclusion__link { display : block ; float : right ; text-align : right ; font-style : italic ; margin-right : .25 rem ; text-decoration : none ; }
2020-11-02 19:04:36 +00:00
. transclusion__link :: before { content : "⇐ " ; }
2020-10-25 18:02:52 +00:00
2020-12-17 13:33:07 +00:00
/* Derived from https://commons.wikimedia.org/wiki/File:U%2B21D2.svg */
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" ) ; }
2020-12-15 18:59:36 +00:00
2021-06-07 04:26:13 +00:00
. binary-container { width : 100 % ; text-align : center ; }
2020-10-25 18:02:52 +00:00
. binary-container_with-img img ,
. binary-container_with-video video ,
2021-06-07 04:26:13 +00:00
. binary-container_with-audio audio { max-width : 100 % ; max-height : 30 em ; width : auto ; }
2021-01-14 11:51:17 +00:00
2021-02-23 09:15:25 +00:00
. subhyphae__title { padding-bottom : .5 rem ; clear : both ; }
2021-01-20 13:53:30 +00:00
. navi-title { padding-bottom : .5 rem ; margin : .25 rem 0 ; }
2021-01-14 11:51:17 +00:00
. navi-title a { text-decoration : none ; }
2021-01-10 11:58:02 +00:00
. navi-title__separator { margin : 0 .25 rem ; }
2021-01-14 11:51:17 +00:00
. navi-title__colon { margin-right : .5 rem ; }
2021-01-15 14:10:08 +00:00
. upload-amnt { clear : both ; padding : .5 rem ; border-radius : .25 rem ; }
2021-01-19 18:08:59 +00:00
. upload-amnt__unattach { display : block ; }
2021-01-15 14:10:08 +00:00
aside { clear : both ; }
2021-01-14 11:51:17 +00:00
2020-11-29 11:32:52 +00:00
. img-gallery { text-align : center ; margin-top : .25 rem ; margin-bottom : .25 rem ; }
2021-01-15 14:10:08 +00:00
. img-gallery_many-images { border-radius : .25 rem ; padding : .5 rem ; }
2020-11-26 18:41:26 +00:00
. img-gallery img { max-width : 100 % ; max-height : 50 vh ; }
2020-11-03 15:41:50 +00:00
figure { margin : 0 ; }
2020-11-26 18:41:26 +00:00
figcaption { padding-bottom : .5 rem ; }
2020-10-25 18:02:52 +00:00
# new-name { width : 100 % ; }
2021-01-20 13:53:30 +00:00
2020-11-04 11:00:17 +00:00
2021-06-04 17:29:14 +00:00
. prevnext__el { display : inline-block ; min-width : 40 % ; padding : .5 rem ; margin-bottom : .25 rem ; text-decoration : none ; border-radius : .25 rem ; max-width : 49 % ; }
2020-11-29 11:32:52 +00:00
. prevnext__prev { float : left ; }
. prevnext__next { float : right ; text-align : right ; }
. page-separator { clear : both ; }
2020-11-29 17:06:45 +00:00
. history__entries { background-color : #eee ; margin : 0 ; padding : 0 ; border-radius : .25 rem ; }
2021-01-20 15:01:47 +00:00
. history__month-anchor { text-decoration : none ; color : inherit ; }
2020-11-29 17:06:45 +00:00
. history__entry { list-style-type : none ; padding : .25 rem ; }
. history-entry { padding : .25 rem ; }
. history-entry__time { font-weight : bold ; }
. history-entry__author { font-style : italic ; }
2021-01-15 14:10:08 +00:00
table { border : #ddd 1 px solid ; border-radius : .25 rem ; min-width : 4 rem ; }
td { padding : .25 rem ; }
2021-01-01 04:07:56 +00:00
caption { caption-side : top ; font-size : small ; }
2021-01-15 14:10:08 +00:00
2021-02-19 18:12:36 +00:00
. subhyphae__list , . subhyphae__list ul { display : flex ; padding : 0 ; margin : 0 ; flex-wrap : wrap ; }
2021-05-01 07:06:29 +00:00
. subhyphae__list ul { font-size : 90 % ; }
2021-02-19 18:12:36 +00:00
. subhyphae__entry { list-style-type : none ; border : 1 px solid #999 ; padding : 0 ; margin : .125 rem ; border-radius : .25 rem ; }
. subhyphae__link { display : block ; padding : .25 rem ; text-decoration : none ; }
. subhyphae__link : hover { background : #eee ; }
2021-07-12 15:23:25 +00:00
. sibling-hyphae__list { padding : 0 ; margin : 0 ; }
. sibling-hyphae__entry { clear : both ; }
. sibling-hyphae__count { display : inline-block ; float : right ; }
. sibling-hyphae__entry_this { padding : .25 rem .5 rem ; font-weight : bold ; }
. sibling-hyphae__link { text-decoration : none ; display : block ; padding : .25 rem .5 rem ; }
2021-02-19 16:56:31 +00:00
2021-01-15 14:10:08 +00:00
/* Color stuff */
/* Lighter stuff #eee */
2021-05-14 09:31:47 +00:00
:: -webkit-file-upload-button , . btn { background-color : #eee ; color : black ; }
2021-05-14 09:05:07 +00:00
. btn : visited { color : black ; }
2021-05-16 08:37:35 +00:00
. btn_weak { background-color : transparent ; }
2021-05-14 09:05:07 +00:00
2021-06-29 14:09:59 +00:00
p code ,
2021-01-15 14:10:08 +00:00
article . codeblock ,
. img-gallery_many-images ,
2021-07-02 15:24:17 +00:00
. recent-changes__entry ,
2021-01-15 14:10:08 +00:00
. prevnext__el ,
2021-06-29 14:09:59 +00:00
table ,
. transclusion_stand-out {
background-color : rgba ( 220 , 220 , 220 , 0 . 5 ) ;
2021-06-23 12:25:32 +00:00
}
. transclusion_failed {
border : 1px solid # a55858 ;
}
2021-06-29 14:09:59 +00:00
. transclusion_blend . transclusion__link { display : none ; }
2021-06-23 12:25:32 +00:00
2021-01-25 18:37:21 +00:00
. layout-card { border-radius : .25 rem ; background-color : white ; }
. layout-card__title { font-size : 1 rem ; margin : 0 ; padding : .25 rem .5 rem ; border-radius : .25 rem .25 rem 0 0 ; }
2021-05-25 07:34:04 +00:00
. layout-card__title { border-bottom : 1 px solid #eee ; }
2021-01-25 18:37:21 +00:00
2021-01-15 14:10:08 +00:00
/* Other stuff */
2021-05-25 07:34:04 +00:00
html { background-color : #eee ;
2021-05-16 19:51:46 +00:00
}
2021-07-06 17:52:52 +00:00
header { background-color : #ddd ; }
2021-01-24 18:41:42 +00:00
main { background-color : white ; }
2021-06-19 22:58:56 +00:00
. shy-link { color : black ; }
2021-01-20 13:53:30 +00:00
2021-06-03 13:11:04 +00:00
blockquote { border-left : 2 px #999 solid ; }
2021-01-15 14:10:08 +00:00
. 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 1 px solid ; }
. upload-amnt { border : #eee 1 px solid ; }
td { border : #ddd 1 px solid ; }
2021-08-31 17:27:52 +00:00
. sibling-hyphae__link : hover { background-color : #eee ; }
2021-02-19 16:56:31 +00:00
2021-01-15 14:10:08 +00:00
/* Dark theme! */
@ media ( prefers-color-scheme : dark ) {
2021-01-16 16:57:57 +00:00
html { background : #222 ; color : #ddd ; }
2021-08-08 19:19:55 +00:00
main , article , header , . layout-card { background-color : #343434 ; color : #ddd ; }
2021-01-20 13:53:30 +00:00
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 ; }
2021-08-31 17:27:52 +00:00
. subhyphae__link : hover , . sibling-hyphae__link : hover { background-color : #444 ; }
2021-01-23 19:00:58 +00:00
2021-01-16 15:44:49 +00:00
. prevnext__el , . prevnext__el : visited { color : #ddd ; }
2021-01-15 14:10:08 +00:00
2021-08-08 19:19:55 +00:00
. layout-card__title { background-color : #343434 ; }
2021-01-20 13:53:30 +00:00
2021-06-19 22:58:56 +00:00
. transclusion . transclusion__link , a . shy-link { color : #ddd ; }
2021-05-14 09:24:31 +00:00
2021-05-16 08:37:35 +00:00
input [ type = "text" ] , input [ type = "password" ] ,
2021-05-14 09:31:47 +00:00
:: -webkit-file-upload-button ,
2021-05-14 09:24:31 +00:00
. btn ,
2021-01-15 14:10:08 +00:00
article code ,
2021-06-29 14:09:59 +00:00
article . codeblock ,
2021-01-15 14:10:08 +00:00
. img-gallery_many-images ,
2021-07-02 15:24:17 +00:00
. recent-changes__entry ,
2021-01-15 14:10:08 +00:00
. history__entry ,
. prevnext__el ,
2021-06-29 14:09:59 +00:00
. upload-amnt ,
2021-01-15 14:10:08 +00:00
textarea ,
2021-01-16 15:44:49 +00:00
table { border : 0 ; background-color : #444444 ; color : #ddd ; }
2021-06-29 18:20:46 +00:00
. transclusion_stand-out { background-color : rgba ( 68 , 68 , 68 , 0.5 ) ; }
2021-05-16 08:37:35 +00:00
2021-01-15 14:10:08 +00:00
. transclusion code ,
2021-01-16 15:44:49 +00:00
. transclusion . codeblock { background-color : #454545 ; }
2021-01-16 16:57:57 +00:00
mark { background : rgba ( 130 , 80 , 30 , 5 ) ; color : inherit ; }
2021-01-15 14:10:08 +00:00
}
2021-04-12 16:40:25 +00:00
2021-06-13 18:37:21 +00:00
kbd {
2021-06-13 16:14:18 +00:00
display : inline-block ;
min-width : 1 . 5ch ;
text-align : center ;
}
2021-06-14 03:35:37 +00:00
. kbd-or {
opacity : . 4 ;
2021-06-13 16:14:18 +00:00
}
. dialog {
2021-06-14 06:50:52 +00:00
position : absolute ;
2021-06-13 16:14:18 +00:00
2021-06-14 06:50:52 +00:00
top : 0 ;
left : 50 % ;
2021-06-13 16:14:18 +00:00
width : 100 % ;
2021-06-14 03:40:15 +00:00
max-width : 700px ;
2021-06-13 16:14:18 +00:00
margin : 96px auto ;
padding : 24px ;
2021-06-14 06:50:52 +00:00
transform : translate ( -50 % , 0 ) ;
2021-06-13 16:14:18 +00:00
background-color : # fff ;
border-radius : 4px ;
box-shadow : 0 4px 16px rgba ( 0 , 0 , 0 , 0 . 2 ) ;
}
2021-06-14 06:50:52 +00:00
. dialog-backdrop {
position : fixed ;
top : 0 ;
left : 0 ;
right : 0 ;
bottom : 0 ;
background-color : rgba ( 0 , 0 , 0 , 0 . 3 ) ;
}
2021-06-14 03:40:15 +00:00
. dialog__header {
2021-06-14 06:50:52 +00:00
position : relative ;
2021-06-14 03:40:15 +00:00
grid-column : 1 / -1 ;
}
2021-06-13 16:14:18 +00:00
. dialog__title {
margin : 0 ;
font-size : 1 . 5em ;
}
. dialog__close-button {
position : absolute ;
display : block ;
top : 0 ;
right : 0 ;
2021-06-14 06:50:52 +00:00
margin : 0 ;
2021-06-13 16:14:18 +00:00
padding : 8px ;
border : none ;
background : url ( / static / icon / x . svg ) no-repeat 8px 8px / 16px 16px ;
width : 32px ;
height : 32px ;
cursor : pointer ;
}
2021-04-12 16:40:25 +00:00
2021-06-13 16:14:18 +00:00
. dialog__close-button : active {
opacity : . 7 ;
}
2021-06-14 05:16:50 +00:00
. shortcuts-help . dialog__content {
2021-06-14 03:40:15 +00:00
display : grid ;
grid-template-columns : repeat ( auto-fit , minmax ( 300px , 1fr ) ) ;
2021-07-02 12:02:42 +00:00
grid-column-gap : 32px ;
2021-06-14 03:40:15 +00:00
}
2021-06-13 16:14:18 +00:00
. shortcuts-group-heading {
margin : 1em 0 0 . 5em ;
font-size : 1 . 2em ;
}
2021-06-14 03:40:15 +00:00
. shortcuts-list {
2021-06-13 16:14:18 +00:00
margin : 0 ;
padding : 0 ;
}
2021-06-14 03:40:15 +00:00
. shortcuts-list + . shortcuts-list {
2021-06-13 16:14:18 +00:00
margin-top : 1 . 5em ;
}
. shortcut-row {
display : flex ;
margin : 0 . 5em 0 ;
padding : 0 ;
list-style : none ;
}
. shortcut-row__description {
flex : 1 ;
}
2021-06-13 18:39:27 +00:00
@ media ( prefers-color-scheme : dark ) {
. dialog {
background-color : # 343434 ;
2021-06-15 21:02:13 +00:00
color : # ddd ;
}
2021-06-15 21:06:50 +00:00
input , kbd {
2021-06-15 21:02:13 +00:00
color : # ddd ;
2021-06-13 18:39:27 +00:00
}
2021-06-14 00:38:43 +00:00
}
2021-06-30 12:56:38 +00:00
/ *
* Tables
* /
. users-table {
width : 100 % ;
}
. users-table td {
white-space : nowrap ;
}
. table-cell--fill {
width : 100 % ;
}
2021-07-02 12:02:42 +00:00
/ *
* Form fields
* /
. form-field {
margin : 1em 0 ;
}
. form-field label {
display : block ;
}
@ media ( min-width : 600px ) {
2021-07-02 14:04:00 +00:00
. form--double . form-field {
2021-07-02 12:02:42 +00:00
display : grid ;
grid-template-columns : 150px max-content ;
grid-column-gap : 16px ;
}
2021-07-02 14:04:00 +00:00
. form--double . form-field label {
2021-07-02 12:02:42 +00:00
grid-column : 1 ;
}
2021-07-02 14:04:00 +00:00
. form--double . form-field input ,
. form--double . form-field button ,
. form--double . form-field select ,
. form--double . form-field textarea ,
. form--double . form-field__input {
2021-07-02 12:02:42 +00:00
grid-column : 2 ;
}
}
2021-07-02 14:04:00 +00:00
/ *
* Form wrap
* /
. form-wrap h2 {
margin : 1 . 5em 0 0 . 25em ;
font-size : 1 . 2em ;
}
2021-07-02 12:02:42 +00:00
/ *
* Notices
* /
. notice {
margin : 0 . 5em 0 ;
border : 1px solid ;
padding : 0 . 5em 0 . 7em ;
}
. notice--error {
border-color : # e15757 ;
background-color : # ffb1b1 ;
}
@ media ( prefers-color-scheme : dark ) {
. notice--error {
border-color : # a84343 ;
background-color : # 5b3535 ;
}
}
2021-07-02 14:04:00 +00:00
/ *
* Buttons
* /
2021-07-24 11:09:39 +00:00
:: -webkit-file-upload-button ,
2021-07-02 14:04:00 +00:00
. btn {
line-height : normal ;
display : inline-block ;
border : 1px # 999 solid ;
border-radius : . 15rem ;
text-decoration : none ;
padding : . 25rem . 5rem ;
font-size : 1rem ;
margin : 0 ;
}
. btn : hover {
cursor : pointer ;
}
. btn_accent {
font-weight : bold ;
}
. btn_weak {
border : 1px dashed # 999 ;
}
. btn_destructive {
border-color : # aa1818 ;
background-color : # ee4343 ;
color : white ;
}
@ media ( prefers-color-scheme : dark ) {
. btn {
2021-07-05 21:16:09 +00:00
border : # 444 solid 1px ;
2021-07-02 14:04:00 +00:00
}
. btn : visited {
color : # ddd ;
}
. btn_weak {
background-color : transparent ;
}
. btn_destructive {
border-color : # e34343 ;
background-color : # b92828 ;
}
}
2021-07-02 15:24:17 +00:00
2021-07-24 11:09:39 +00:00
. edit-toolbar__btn {
font-size : . 75rem ;
margin-bottom : . 125rem ;
}
2021-07-02 15:24:17 +00:00
/ *
* Recent changes
* /
. recent-changes__heading {
margin : 1 . 2em 0 0 . 3em ;
font-size : 1 . 2em ;
}
. recent-changes__entry {
margin : 12px 0 ;
padding : 8px 6px ;
border-radius : 2px ;
}
. recent-changes__entry * + * {
margin-top : 4px ;
}
. recent-changes__entry__time {
font-weight : bold ;
}
2021-07-07 15:28:28 +00:00
2021-07-09 11:47:50 +00:00
/ *
* The lock page
* /
. locked-notice {
background-color : transparent ;
display : flex ;
justify-content : center ;
}
2021-07-15 20:54:00 +00:00
. locked-notice . telegram-notice {
display : none ;
}
2021-07-09 11:47:50 +00:00
. locked-notice__message {
max-width : 30rem ;
display : flex ;
flex-direction : column ;
align-items : center ;
}
. locked-notice__lock {
font-size : 8rem ;
margin : 0 ;
}
. locked-notice__title {
margin : 0 0 1rem 0 ;
}
. locked-notice__login-form input {
margin-bottom : 1rem ;
}
2021-07-07 15:28:28 +00:00
/ *
* To-do lists
* /
. item_todo {
position : relative ;
list-style : none ;
}
. item_todo > input [ type = checkbox ] {
position : absolute ;
left : -1 . 6rem ;
top : . 1rem ;
}
2021-07-12 10:13:12 +00:00
/ *
* Help topics sidebar
* /
. help-topics__list {
margin : . 5rem 0 ;
padding-left : . 5rem ;
}
. help-topics__list ul {
2021-07-31 12:27:35 +00:00
padding-left : 1 . 5rem ;
line-height : 1 . 6rem ;
2021-07-13 20:52:33 +00:00
}
/ *
* Top bar
* /
2021-07-15 16:52:00 +00:00
. top-bar__wrapper {
display : grid ;
padding : 0 ;
}
2021-07-15 09:35:01 +00:00
. top-bar a {
color : black ;
text-decoration : none ;
}
2021-07-15 16:52:00 +00:00
. top-bar__section {
display : block ;
}
2021-07-15 16:08:20 +00:00
2021-07-15 17:41:51 +00:00
. top-bar__hamburger-wrapper {
display : flex ;
height : 100 % ;
justify-content : flex-end ;
}
. top-bar__hamburger {
background : transparent ;
color : inherit ;
font-size : inherit ;
border : 0 ;
display : block ;
margin : 0 . 5rem 0 0 ;
padding : 0 . 5rem ;
}
. top-bar__hamburger : hover ,
2021-07-15 16:08:20 +00:00
. top-bar__home-link : hover ,
. auth-links__link : hover ,
. top-bar__highlight-link : hover {
background-color : # eee ;
}
2021-07-15 17:19:10 +00:00
. auth-links__box {
display : block ;
line-height : 2rem ;
}
. auth-links__link {
display : block ;
padding : 0 . 5rem ;
}
. top-bar__home-link-wrapper ,
. top-bar__highlight {
display : block ;
margin-right : . 5rem ;
line-height : 2rem ;
}
. top-bar__home-link ,
. auth-links__link ,
. top-bar__highlight-link {
display : block ;
padding : 0 . 5rem ;
}
2021-07-15 16:08:20 +00:00
2021-07-24 11:09:39 +00:00
. top-bar__search-bar {
2021-07-24 19:14:01 +00:00
border : 0 ;
vertical-align : -webkit-baseline-middle ; /* You have no idea how sorry I am. This is a non-standard value. Seems to work in Safari, Opera and mobile Chrome. We need a jedi and a knight in shiny armor to replace it with something more standard. */
width : 100 % ;
2021-07-24 11:09:39 +00:00
}
2021-07-15 16:08:20 +00:00
@ media ( prefers-color-scheme : dark ) {
. top-bar a {
color : # ddd ;
}
2021-07-15 17:41:51 +00:00
. top-bar__hamburger : hover ,
2021-07-15 16:08:20 +00:00
. top-bar__home-link : hover ,
. auth-links__link : hover ,
. top-bar__highlight-link : hover {
background-color : # 444 ;
}
}
2021-07-13 20:52:33 +00:00
@ media screen and ( min-width : 800px ) {
. top-bar {
padding : 0 ;
}
2021-07-15 09:35:01 +00:00
. top-bar__wrapper {
2021-07-13 20:52:33 +00:00
margin : 0 2rem ;
2021-07-15 09:35:01 +00:00
grid-template-columns : 1fr 1fr 1fr ;
2021-07-13 20:52:33 +00:00
}
. top-bar__section_home {
grid-column : 1 / span 1 ;
}
. top-bar__section_search {
grid-column : 2 / span 1 ;
}
. top-bar__section_auth {
grid-column : 3 / span 1 ;
}
. top-bar__section_highlights {
grid-column : 1 / span 3 ;
}
2021-07-15 17:19:10 +00:00
. top-bar__section_hamburger {
display : none ;
}
2021-07-13 20:52:33 +00:00
. top-bar__search-bar {
width : 100 % ;
}
. auth-links {
display : flex ;
justify-content : flex-end ;
2021-07-15 09:35:01 +00:00
margin-right : - . 5rem ;
2021-07-13 20:52:33 +00:00
}
2021-07-15 09:35:01 +00:00
. top-bar__section_home ,
2021-07-13 20:52:33 +00:00
. top-bar__highlights {
display : flex ;
2021-07-15 09:35:01 +00:00
padding : 0 ;
margin : 0 0 0 - . 5rem ;
2021-07-13 20:52:33 +00:00
}
2021-07-15 16:52:00 +00:00
}
@ media screen and ( max-width : 799px ) {
2021-07-15 17:19:10 +00:00
header {
margin : 0 ;
}
2021-07-15 16:52:00 +00:00
. top-bar__wrapper {
2021-07-15 17:19:10 +00:00
margin : 0 ;
2021-07-24 19:14:01 +00:00
grid-template-columns : 2fr 1 . 3fr . 7fr ;
2021-07-15 16:52:00 +00:00
}
. top-bar__section_home {
grid-column : 1 / span 1 ;
2021-07-15 17:41:51 +00:00
margin-left : . 5rem ;
2021-07-15 16:52:00 +00:00
}
. top-bar__section_search {
grid-column : 2 / span 1 ;
text-align : center ;
2021-07-24 19:14:01 +00:00
width : 100 % ;
2021-07-15 09:35:01 +00:00
}
2021-07-15 17:19:10 +00:00
. top-bar__section_hamburger {
grid-column : 3 / span 1 ;
grid-row : 1 / span 1 ;
}
2021-07-15 16:52:00 +00:00
. top-bar__section_auth ,
. top-bar__section_highlights {
grid-column : 1 / span 3 ;
}
. auth-links {
padding : 0 ;
}
. top-bar__highlights {
padding : 0 ;
}
. top-bar__highlight {
margin-right : 0 ;
2021-07-15 09:35:01 +00:00
}
2021-07-15 17:41:51 +00:00
. auth-links__link ,
. top-bar__highlight-link {
padding-left : 1rem ;
}
2021-07-15 17:19:10 +00:00
. top-bar__section_hidden-on-mobile {
display : none ;
}
2021-08-01 19:25:24 +00:00
}
/ *
* Help badge
* /
. help-topic-badge {
display : block ;
float : right ;
line-height : 2rem ;
height : 2rem ;
width : 2rem ;
text-align : center ;
color : inherit ;
text-decoration : none ;
border : 1px solid # 999 ;
border-radius : 1rem ;
2021-08-08 19:19:55 +00:00
}
/ *
* Buttons beside the hypha title
* /
. edit-btn {
float : right ;
margin : -0 . 25rem 0 ;
2021-08-18 19:13:21 +00:00
padding : 0 ;
2021-08-08 19:19:55 +00:00
}
. edit-btn__link {
display : block ;
text-decoration : none ;
color : inherit ;
2021-08-18 19:13:21 +00:00
padding : . 25rem . 5rem ;
2021-08-08 19:19:55 +00:00
}
. jump-btn {
float : right ;
margin : -0 . 25rem -1rem ;
}
. jump-btn__link {
text-decoration : none ;
color : inherit ;
}
/ *
* Hypha bottom
* /
# hypha-bottom {
clear : both ;
}
. hypha-info {
display : block ;
}
. hypha-info__list {
padding : 0 ;
margin-bottom : 0 ;
}
. hypha-info__entry {
display : inline ;
}
. hypha-info__link {
color : # 999 ;
}
. hypha-info__link : hover {
color : inherit ;
}
2021-08-11 09:20:29 +00:00
. hypha-info__entry + . hypha-info__entry {
text-transform : lowercase ;
}
. hypha-info__entry : not ( : last-child ) a :: after {
2021-08-08 19:19:55 +00:00
content : ", " ;
2021-08-08 20:03:38 +00:00
display : inline-block ;
2021-08-11 09:20:29 +00:00
text-decoration : none ;
2021-08-08 19:19:55 +00:00
}