2018-10-21 15:44:14 +00:00
/* STATUSPANEL INSIDE URLBAR */
2018-12-06 16:49:15 +00:00
# urlbar . urlbar-input-box { display : -moz- stack ; }
2018-12-04 18:22:45 +00:00
/* -moz-stack causes an subtle issue where in certain scenarios a weirdly aligned "http(s)://" may show up */
2018-12-06 16:49:15 +00:00
2018-10-21 15:44:14 +00:00
# urlbar . urlbar-input-box :: after {
z-index : 2 ;
content : "" ;
width : 100 % ;
height : 100 % ;
pointer-events : none ;
2018-12-04 15:32:10 +00:00
background : -moz-element ( # statuspanel ) left calc ( 90 % - var ( --toolbarbutton-outer-padding ) ) no-repeat ! important ;
2018-10-21 15:44:14 +00:00
}
# urlbar . urlbar-input-box :: after {
display : -moz-box ;
}
# statuspanel-inner > # statuspanel-label {
height : 23px ;
min-width : 500px ;
background-color : var ( --lwt-toolbar-field-background-color , hsla ( 0 , 0 % , 100 % , . 8 ) ) ! important ;
border : none ! important ;
2018-12-04 15:32:10 +00:00
font-size : larger ;
2018-12-06 16:49:15 +00:00
color : inherit ! important ;
2018-12-04 15:32:10 +00:00
}
2019-01-03 14:34:07 +00:00
/* If you use a theme where urlbar is partially transparent you should edit this color to something that closely matches the perceived color of urlbar. Or perhaps use background-image - linear-gradient() can work well here. But keep the color or image opaque or otherwise you'll face an issue where urlbar text bleeds through */
# statuspanel-inner { background-color : var ( - - toolbar - non - lwt - bgcolor ) }
2018-12-29 15:17:15 +00:00
2018-12-06 16:49:15 +00:00
# statuspanel { color : lightpink ; z-index : -1 ; }
# statuspanel [ type = "status" ] { color : skyblue }
2018-12-04 15:32:10 +00:00
/* Don't show common values to save space (useful for oneliner) - safe to delete these */
/* If you change the font size of the label then you'll have to modify these too */
/* non-https links get a slight red hue */
2018-12-06 16:49:15 +00:00
# statuspanel-inner > # statuspanel-label { margin-left : -3 px !important ; }
2018-12-04 15:32:10 +00:00
# statuspanel-inner > # statuspanel-label [ value ^ = "http" ] { margin-left : -3.7 ch !important ; }
# statuspanel-inner > # statuspanel-label [ value ^ = "https" ] { margin-left : -6.1 ch !important ; color : var ( - - lwt - toolbar - field - color , black ) !important }
# statuspanel-inner > # statuspanel-label [ value ^ = "www" ] { margin-left : -4.5 ch !important ; }
# statuspanel-inner > # statuspanel-label [ value ^ = "http://www" ] { margin-left : -9.7 ch !important ; }
# statuspanel-inner > # statuspanel-label [ value ^ = "https://www" ] { margin-left : -10.1 ch !important ; }
2018-12-06 16:49:15 +00:00
# statuspanel-inner { margin-left : -1 px ; }