2021-01-15 14:10:08 +00:00
/* Layout stuff */
@ media screen and ( min-width : 800px ) {
2021-01-20 13:53:30 +00:00
main { padding : 1 rem 2 rem ; margin : 0 auto ; width : 800 px ; }
. hypha-tabs { padding : 1 rem 2 rem ; margin : 0 auto ; width : 800 px ; }
. hypha-tabs__tab : nth-of-type ( 1 ) { margin-left : 2 rem ; }
. hypha-tabs__tab { margin-right : 1.5 rem ; box-shadow : 0 4 px 8 px 0 rgba ( 0 , 0 , 0 , 0.2 ) , 0 6 px 20 px 0 rgba ( 0 , 0 , 0 , 0.2 ) ; border-bottom : 2 px #ddd solid ; padding : 0 .5 rem ; }
2020-10-25 18:02:52 +00:00
}
2021-01-15 14:10:08 +00:00
@ media screen and ( max-width : 800px ) {
2021-01-20 13:53:30 +00:00
main { padding : 1 rem ; margin : 0 ; width : 100 % ; }
. hypha-tabs { padding : 1 rem ; margin : 0 ; width : 100 % ; }
. hypha-tabs__tab { box-shadow : none ; margin-right : .5 rem ; padding : .25 rem .5 rem ; }
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-01-10 13:01:38 +00:00
body { height : 100 % ; margin : 0 ; font-size : 16 px ; font-family : 'PT Sans' , 'Liberation Sans' , sans-serif ; }
2021-01-15 14:16:00 +00:00
main { border-radius : 0 0 .25 rem .25 rem ; }
2020-10-25 18:02:52 +00:00
main > form { margin-bottom : 1 rem ; }
2021-01-14 11:59:30 +00:00
textarea { font-size : 16 px ; font-family : 'PT Sans' , 'Liberation Sans' , sans-serif ; }
2021-01-16 16:42:18 +00:00
. edit_no-preview { height : 100 % ; }
. edit_with-preview . edit-form textarea { min-height : 500 px ; }
. edit__preview { border : 2 px dashed #ddd ; }
2020-10-30 13:25:48 +00:00
. edit-form { height : 90 % ; }
. edit-form textarea { width : 100 % ; height : 90 % ; }
2021-01-16 16:42:18 +00:00
. edit-form__save { font-weight : bold ; }
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-01-15 14:10:08 +00:00
blockquote { margin-left : 0 ; padding-left : 1 rem ; }
2021-01-03 21:10:33 +00:00
. wikilink__destination-type { display : inline ; margin : 0 .25 rem ; vertical-align : sub ; }
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 % ; }
article h1 , article h2 , article h3 , article h4 , article h5 , article h6 { margin : 1.5 rem 0 0 0 ; }
article p { margin : .5 rem 0 ; }
article ul , ol { padding-left : 1.5 rem ; margin : .5 rem 0 ; }
2021-01-15 14:10:08 +00:00
article code { padding : .1 rem .3 rem ; border-radius : .25 rem ; font-size : 90 % ; }
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-01-15 14:10:08 +00:00
. transclusion { border-radius : .25 rem ; }
2020-11-02 19:04:36 +00:00
. transclusion__content > * : not ( . binary-container ) { margin : 0.5 rem ; }
2021-01-15 14:10:08 +00:00
. transclusion__link { display : block ; text-align : right ; font-style : italic ; margin-top : .5 rem ; 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 */
. 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 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
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 % }
2021-01-14 11:51:17 +00:00
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
. hypha-tabs { padding : 0 ; }
. hypha-tabs__flex { margin : 0 ; padding : 0 ; display : flex ; flex-wrap : wrap ; }
. hypha-tabs__tab { list-style-type : none ; }
. hypha-tabs__tab a { text-decoration : none ; }
. hypha-tabs__tab_active { font-weight : bold ; }
. hypha-tabs__user { font-style : italic ; }
2020-11-04 11:00:17 +00:00
2021-01-15 14:10:08 +00:00
. rc-entry { display : grid ; list-style-type : none ; padding : .25 rem ; grid-template-columns : 1 fr 1 fr ; }
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 ; }
2020-11-18 13:27:18 +00:00
. rc-entry__author { font-style : italic ; }
2020-11-29 11:32:52 +00:00
2021-01-15 14:10:08 +00:00
. prevnext__el { display : block - inline ; min-width : 40 % ; padding : .5 rem ; margin-bottom : .25 rem ; text-decoration : none ; border-radius : .25 rem ; }
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
/* Color stuff */
svg path { fill : currentColor !important ; }
/* Lighter stuff #eee */
article code ,
article . codeblock ,
. transclusion ,
. img-gallery_many-images ,
. rc-entry ,
. prevnext__el ,
table { background-color : #eee ; }
2021-01-20 13:53:30 +00:00
@ media screen and ( max-width : 800px ) {
. hypha-tabs { background-color : white ; }
. hypha-tabs__tab { box-shadow : none ; }
}
2021-01-15 14:10:08 +00:00
/* Other stuff */
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 */
2021-01-15 14:10:08 +00:00
2021-01-20 13:53:30 +00:00
main , . hypha-tabs__tab { background-color : white ; }
. hypha-tabs__tab { clip-path : inset ( -20 px -20 px 0 -20 px ) ; }
. hypha-tabs__tab a { color : black ; }
. hypha-tabs__tab_active { border-bottom : 2 px white solid ; }
2021-01-15 14:10:08 +00:00
blockquote { border-left : 4 px 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 1 px solid ; }
. upload-amnt { border : #eee 1 px solid ; }
td { border : #ddd 1 px solid ; }
/* Dark theme! */
@ media ( prefers-color-scheme : dark ) {
2021-01-16 16:57:57 +00:00
html { background : #222 ; color : #ddd ; }
2021-01-20 13:53:30 +00:00
main , article , . hypha-tabs__tab { background-color : #343434 ; }
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 ; }
. prevnext__el , . prevnext__el : visited { color : #ddd ; }
2021-01-15 14:10:08 +00:00
2021-01-20 13:53:30 +00:00
. hypha-tabs__tab a , . hypha-tabs__tab { color : #ddd ; background-color : #232323 ; border : 0 ; }
. hypha-tabs__tab_active { background-color : #343434 ; }
blockquote { border-left : 4 px #ddd solid ; }
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 ,
2021-01-16 15:44:49 +00:00
table { border : 0 ; background-color : #444444 ; color : #ddd ; }
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-20 13:53:30 +00:00
@ media screen and ( max-width : 800px ) {
. hypha-tabs { background-color : #232323 ; }
}
2021-01-15 14:10:08 +00:00
}