2020-11-25 16:29:12 +01:00
@ import 'editMenu.css' ; @ font-face { font-family : sourceSansPro ; src : local ( 'Source-Sans-Pro' ) , local ( 'Source Sans Pro' ) , url ( . . / fonts / SourceSansPro-Regular . woff2 ) format ( 'woff2' ) , url ( . . / fonts / SourceSansPro-Regular . ttf ) format ( 'truetype' ) ; font-display : swap } * { box-sizing : border-box ; z-index : 1 }
2020-07-03 17:13:37 +02:00
body { margin : 2 em ; background : #FFF ; font-family : sourceSansPro , Arial , Helvetica , Times ; font-size : 1.2 em ; line-height : 1.5 em }
a { text-decoration : none ; color : inherit }
h1 { display : block ; max-width : 600 px ; margin : 0 auto 1.5 em auto }
h1 > * { display : inline-block ; vertical-align : middle ; color : #212121 }
h1 img { height : 2 em ; margin-right : .2 em ; border-radius : .1 em ; opacity : .7 ; transition : opacity .4 s }
h1 img : hover { opacity : 1 }
body > div , body > form { display : block ; max-width : 90 vw ; margin : 0 auto 3 em auto ; padding-bottom : 3 em }
form > div { margin-bottom : 1 em }
label { display : block ; font-weight : bold ; margin-bottom : .5 em } . invisible { display : none !important ; opacity : 0 } . buttonLike , select , button , textarea , input { display : block ; width : 100 % ; padding : .5 em .5 em ; border : 2.5 px solid #EEE ; background : inherit ; color : #424242 ; font-family : roboto ; font-size : 1 em ; border-radius : .2 em ; transition : border .2 s } . buttonLike { display : inline-block ; text-align : center }
input [ type = "submit" ] , button { padding : .5 em .8 em } . buttonLike , input [ type = "submit" ] , button { background : #FFCCBC ; color : #424242 ; border : none ; font-weight : bold ; text-transform : uppercase ; transition : background .2 s , color .2 s }
textarea { line-height : 1.2 em }
select : hover , textarea : hover , input : hover { border-color : #888 } . buttonLike : focus , input [ type = "submit" ] : focus , button : focus , . buttonLike : hover , input [ type = "submit" ] : hover , button : hover { background : #CB9B8C ; color : #000 }
aside . buttonLike + . buttonLike , aside button + button { margin-top : .5 em }
aside > h4 : first-child { margin-top : 0 }
select : focus , textarea : focus , input : focus { border-color : #CB9B8C ; box-shadow : none }
textarea : invalid , input : invalid { box-shadow : none }
textarea : invalid : focus , input : invalid : focus { border-right-width : 1 em }
textarea { min-height : 30 vh }
table { width : 100 % ; max-height : 60 vh ; margin : 2 em 0 ; border-collapse : collapse ; overflow : auto }
th { padding : .3 em .5 em ; text-align : left ; border-bottom : 2 px solid #424242 }
tbody > tr : nth-child ( 2n + 1 ) { background : #F2F2F2 }
td { padding : .3 em .5 em ; border-bottom : 1 px solid #D6D6D6 }
body > div . uploader { background : #F2F2F2 ; border : 2 px solid #EEE ; padding : 1 em 1 em }
ul . fieldList { display : block ; margin : .5 em 0 ; padding : 0 0 ; list-style : none }
ul . fieldList > li { display : inline-block ; padding : .3 em ; margin : .1 em ; border : 1 px solid #D6D6D6 ; background : #FAFAFA ; cursor : pointer ; transition : background .4 s , border .4 s , box-shadow .4 s }
ul . fieldList > li : hover { background : #FFF ; border-color : #212121 }
ul . fieldList > li . requiredField : before { display : inline-block ; content : " \002612 " ; margin-right : .5 em }
ul . fieldList > li . humanTLToggled { border-color : #CB9B8C ; background : #CB9B8C ; box-shadow : 0 8 px 6 px -6 px black } . options > a . buttonLike { display : inline-block ; width : auto ; margin : .15 em 0 ; padding : .4 em .5 em ; text-transform : inherit ; cursor : pointer ; background : initial ; border : 2 px solid #D6D6D6 ; opacity : 1 ; transition : background .4 s , opacity .4 s } . options > a . buttonLike : hover { background : #D6D6D6 } . actionList { margin : 1 em 0 1 em 1 em ; padding : .5 em 0 } . actionList > li a { display : inline-block ; padding : .3 em ; border-radius : .3 em ; transition : background .4 s } . actionList > li a : hover { background : #CB9B8C }
@ media ( prefers-color-scheme : dark ) { body { background : #263238 ; color : #ECEFF1 }
input , select , textarea { background : inherit ; color : inherit ; border : 3 px solid #37474F ; transition : border .4 s , box-shadow .4 s }
a . buttonLike : focus , . options > a . buttonLike : focus , button : focus , select : focus , textarea : focus , input : focus , textarea : active , input : active , a . buttonLike : hover , . options > a . buttonLike : hover , ul . fieldList > li : hover , button : hover , select : hover , textarea : hover , input : hover { background : inherit ; border-color : #FFF ; box-shadow : initial ; border-radius : .2 em }
ul . fieldList > li , . options > a . buttonLike , a . buttonLike , button , input [ type = "submit" ] { background : inherit ; color : #FFF ; border : 3 px solid #FFC107 ; border-radius : .2 em ; transition : background .4 s , color .4 s , border .4 s }
ul . fieldList > li { border-color : #37474F }
ul . fieldList > li . humanTLToggled , . options > a . buttonLike : hover , a . buttonLike : hover , button : hover { background : #FFC107 ; color : #000 ; border-color : #FFA000 }
a { color : #CFD8DC } . tiles > section h2 { background : #37474F ; color : inherit } . tiles > section : hover h2 { background : rgba ( 0 , 0 , 0 , .2 ) ; color : inherit }
h1 , h1 > * { color : #CFD8DC }
body > div . uploader { background : inherit ; border-color : #37474F } }