X-Git-Url: http://git.freeside.biz/gitweb/?a=blobdiff_plain;f=httemplate%2Felements%2Ffreeside.css;h=3a6239e4bea0451791c299c8215521ba80ee77eb;hb=66eb3662102dbf92ac40fb8889c9c5051fd1ed29;hp=6cb15030ba731cce65abaca0f5585bcedb94d11a;hpb=b76d8cd6704292a90d71bfea31859ed22e2fa23f;p=freeside.git diff --git a/httemplate/elements/freeside.css b/httemplate/elements/freeside.css index 6cb15030b..3a6239e4b 100644 --- a/httemplate/elements/freeside.css +++ b/httemplate/elements/freeside.css @@ -3,6 +3,10 @@ /* font-family: Verdana, Arial, Helvetica, sans-serif; */ } +pre { + font-family: monospace; +} + A:link IMG, A:visited { border-style: none } /* A:focus {text-decoration: underline } */ @@ -24,7 +28,7 @@ textarea, input[type="text"], input[type="password"] { border-radius: 2px; } -textarea:hover, input[type="text"]:hover, input[type="password"]:hover { +textarea:hover, input[type="text"]:hover:not([disabled]), input[type="password"]:hover:not([disabled]) { border: 1px solid #7e0079; padding: 1px; -moz-border-radius: 2px; @@ -108,14 +112,14 @@ a.fstab { -moz-border-radius-topright:8px; -webkit-border-radius-topleft:8px; -webkit-border-radius-topright:8px; - border-radius-topleft:8px; - border-radius-topright:8px; + border-top-left-radius:8px; + border-top-right-radius:8px; /*font-weight:bold;*/ /*padding-left:12px; padding-right:12px;*/ padding-left:4px; padding-right:4px; - font-size:16px; + font-size:18px; font-weight:bold; text-decoration:none; overflow:visible; @@ -141,14 +145,14 @@ a.fstabselected { -moz-border-radius-topright:8px; -webkit-border-radius-topleft:8px; -webkit-border-radius-topright:8px; - border-radius-topleft:8px; - border-radius-topright:8px; + border-top-left-radius:8px; + border-top-right-radius:8px; /*font-weight:bold;*/ /*padding-left:12px; padding-right:12px;*/ padding-left:4px; padding-right:4px; - font-size:16px; + font-size:18px; font-weight:bold; text-decoration:none; overflow:visible; @@ -175,8 +179,8 @@ div.fstabcontainer { -moz-border-radius-bottomright:8px; -webkit-border-radius-bottomleft:8px; -webkit-border-radius-bottomright:8px; - border-radius-bottomleft:8px; - border-radius-bottomright:8px; + border-bottom-left-radius:8px; + border-bottom-right-radius:8px; -moz-box-shadow: #666666 1px 1px 2px; -webkit-box-shadow: #666666 1px 1px 2px; box-shadow: #666666 1px 1px 2px; @@ -206,8 +210,8 @@ div.fstabcontainer { -moz-border-radius-bottomright:8px; -webkit-border-radius-bottomleft:8px; -webkit-border-radius-bottomright:8px; - border-radius-bottomleft:8px; - border-radius-bottomright:8px; + border-bottom-left-radius:8px; + border-bottom-right-radius:8px; -moz-box-shadow: #666666 1px 1px 2px; -webkit-box-shadow: #666666 1px 1px 2px; box-shadow: #666666 1px 1px 2px; @@ -220,6 +224,96 @@ div.fstabcontainer { font-weight:bold; } +.fsinnerbox { + background-color:#cccccc; + padding:2px; + -moz-box-shadow: 1px 1px 2px #666666; + -webkit-box-shadow: 1px 1px 2px #666666; + box-shadow: 1px 1px 2px #666666; + filter: progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=2); +} + +.fsinnerbox-title { + font-size:110%; + font-weight:bold; + background-color:#cccccc; + padding:2px; + -moz-border-radius-topleft:8px; + -moz-border-radius-topright:8px; + -webkit-border-radius-topleft:8px; + -webkit-border-radius-topright:8px; + border-top-left-radius:8px; + border-top-right-radius:8px; + -moz-box-shadow: 1px 0px 1px #999999; + -webkit-box-shadow: 1px 0px 1px #999999; + box-shadow: 1px 0px 1px #999999; + filter: progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=90, Strength=1); +} + .background { background-color:#f8f8f8; } + +table.grid { + border: 1px solid #cccccc; + -moz-box-shadow: 1px 1px 2px #666666; + -webkit-box-shadow: 1px 1px 2px #666666; + box-shadow: 1px 1px 2px #666666; + filter: progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=2); +} + +th.grid { + padding-left: 3px; + padding-right: 3px; + padding-bottom: 2px; + border: none; + empty-cells: show; +} + +td.grid { + padding-left: 3px; + padding-right: 3px; + padding-bottom: 2px; + border: none; + empty-cells: show; +} + +tr.row0 { + background-color: #eeeeee; +} + +tr.row1 { + background-color: #ffffff; +} + +.grid tfoot tr { + background-color: #dddddd; + font-style: italic; +} + +/* border at the top of the footer, but not between footer rows */ +.grid tfoot tr:first-child td { + border-top: 1px dashed black; +} + +table.inv { border: none } +th.inv { border: none } +td.inv { border: none } + +td.label { + text-align: right; +} + +.required { + font-weight: bold; +} + +.required::before { + content: "* "; + color: #ff0000; +} + +/* but see printtofit.js */ +.nosplit, .nosplitrows tr { + page-break-inside: avoid; +}