X-Git-Url: http://git.freeside.biz/gitweb/?p=freeside.git;a=blobdiff_plain;f=httemplate%2Felements%2Ffreeside.css;h=d038f6f3d2d37e406745a3a7be9c8f0e5612df3d;hp=6cb15030ba731cce65abaca0f5585bcedb94d11a;hb=f58e37b603c27dd0b2d2232e8cb0392088409437;hpb=0fb307c305e4bc2c9c27dc25a3308beae3a4d33c diff --git a/httemplate/elements/freeside.css b/httemplate/elements/freeside.css index 6cb15030b..d038f6f3d 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; + padding-left:3px; + padding-right:3px; + font-size:17px; 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; + padding-left:3px; + padding-right:3px; + font-size:17px; 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,75 @@ 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; +} + +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; +} + +