X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fbrowser%2FpageInfo.css;h=8e95be04d6c43f6d68864b9577d45b9e88efaacf;hp=10fc79fbc8de72061e82172e1364daec2f1788da;hb=4858801a8f625404bfaf9834b6d44b4e7c151f9b;hpb=9099c61da39b1346a25b1c01463829a44d72d6e1 diff --git a/LCARStrek/browser/pageInfo.css b/LCARStrek/browser/pageInfo.css index 10fc79fb..8e95be04 100644 --- a/LCARStrek/browser/pageInfo.css +++ b/LCARStrek/browser/pageInfo.css @@ -4,9 +4,12 @@ @import "chrome://global/skin/"; +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); +@namespace html url("http://www.w3.org/1999/xhtml"); /* namespace for HTML elements */ + /* View buttons */ #viewGroup { - -moz-padding-start: 10px; + padding-inline-start: 10px; } #viewGroup > radio { @@ -32,7 +35,7 @@ #topBar { border-bottom: 2px solid #9C9CFF; - -moz-padding-start: 10px; + padding-inline-start: 10px; background-color: #000000; color: #FF9F00; } @@ -91,19 +94,34 @@ tree { } row > label { - padding: 3px 0; + padding: 0; + margin-top: 0; + margin-bottom: 0; + min-height: 19px; /* match textbox */ } textbox { background: transparent !important; border: none; padding: 0px; - margin-top: 1px; + margin-top: 0px; -moz-appearance: none; } +/* This would be ideal but doesn't work */ +/* +html|*.textbox-input > .anonymous-div, +html|*.textbox-input::placeholder { + line-height: 1em !important; +} +*/ + +textbox[readonly="true"] html|*.textbox-input { + max-height: 1em; /* work around the above rule that does not work */ +} + textbox.header { - -moz-margin-start: 0; + margin-inline-start: 0; } .iframe { @@ -121,14 +139,14 @@ textbox[disabled] { } /* General Tab */ -groupbox.collapsable caption .caption-icon { +groupbox.collapsable caption .caption-icon { width: 9px; height: 9px; background-repeat: no-repeat; background-position: center; - -moz-margin-start: 2px; - -moz-margin-end: 2px; - background-image: url("chrome://global/skin/tree/twisty-open.gif"); + margin-inline-start: 2px; + margin-inline-end: 2px; + background-image: url("chrome://global/skin/tree/twisty.svg#open-hover"); } groupbox.collapsable[closed="true"] { @@ -137,17 +155,39 @@ groupbox.collapsable[closed="true"] { -moz-appearance: none; } -groupbox.collapsable[closed="true"] caption .caption-icon { - background-image: url("chrome://global/skin/tree/twisty-closed.gif"); +groupbox.collapsable[closed="true"] > caption > .caption-icon { + background-image: url("chrome://global/skin/tree/twisty.svg#clsd-hover"); +} + +groupbox.collapsable > caption:hover { + background-color: #FFCF00; } -groupbox tree { - margin: 0 3px; +groupbox.treebox { + padding: 0; +} + +groupbox.treebox > tree { + margin: 2px; + margin-top: 0; + border: none; + border-top-right-radius: 0; + border-top-left-radius: 0; +} + +groupbox.treebox > tree > treecols > treecol { border: none; + border-bottom: 1px solid #FF9F00; + background-color: #A09090; + border-radius: 0; +} + +groupbox.treebox > tree > treechildren::-moz-tree-cell { + padding: 0 3px; } -#securityBox description { - -moz-margin-start: 10px; +#securityBox description { + margin-inline-start: 10px; } #general-security-identity { @@ -192,8 +232,8 @@ treechildren::-moz-tree-cell-text(broken) { #feedListbox richlistitem { padding-top: 6px; padding-bottom: 6px; - -moz-padding-start: 7px; - -moz-padding-end: 7px; + padding-inline-start: 7px; + padding-inline-end: 7px; min-height: 25px; border-bottom: 1px dotted #9C9CFF; } @@ -211,7 +251,7 @@ treechildren::-moz-tree-cell-text(broken) { -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow; } */ -.feedTitle { +.feedTitle { font-weight: bold; } @@ -230,8 +270,8 @@ treechildren::-moz-tree-cell-text(broken) { .permission { padding-top: 6px; padding-bottom: 6px; - -moz-padding-start: 7px; - -moz-padding-end: 7px; + padding-inline-start: 7px; + padding-inline-end: 7px; min-height: 25px; border-bottom: 1px dotted #9C9CFF; } @@ -254,10 +294,19 @@ treechildren::-moz-tree-cell-text(broken) { } #securityPanel .fieldLabel { - margin: 2px 10px 3px 10px; + margin: 0px 10px; } #securityPanel .fieldValue { font-weight: bold; - margin: 2px 10px 0px 10px; + margin: 0px 10px; +} + +#securityPanel row { + -moz-box-align: center; +} + +#security-technical-box > .fieldValue, +#security-technical-box > .fieldLabel { + margin-bottom: .5em; }