X-Git-Url: http://git.freeside.biz/gitweb/?p=freeside.git;a=blobdiff_plain;f=httemplate%2Felements%2Ffreeside.css;h=18b14e395d42622be086f6a691eed31ab18731e3;hp=853600fe39420770e786cc97c48d64661b6f9ef9;hb=9bdca2fe23584918219395b62effbb9ef0fc5f1c;hpb=eb811b870c9bfedefb4a71a9eb97e9b7723aaa11 diff --git a/httemplate/elements/freeside.css b/httemplate/elements/freeside.css index 853600fe3..18b14e395 100644 --- a/httemplate/elements/freeside.css +++ b/httemplate/elements/freeside.css @@ -16,31 +16,79 @@ a[href]:hover { color: #7e0079; } -textarea, input[type="text"] { +textarea, input[type="text"], input[type="password"] { border: 1px solid #666666; padding: 1px; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + border-radius: 2px; } -textarea:hover, input[type="text"]:hover { +textarea:hover, input[type="text"]:hover, input[type="password"]:hover { border: 1px solid #7e0079; padding: 1px; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + border-radius: 2px; } -textarea:focus, input[type="text"]:focus { +textarea:focus, input[type="text"]:focus, input[type="password"]:focus { background-color: #ffffdd; border: 1px solid #7e0079; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + border-radius: 2px; } -input[type="reset"]:hover, input[type="submit"]:hover, input[class="button"]:hover { - /* border: 1px solid #7e0079; */ +input[type="reset"], input[type="submit"], input[type="button"] { + background-color: #dddddd; + border: 1px solid #666666; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; + -moz-box-shadow: #666666 1px 1px 2px; + -webkit-box-shadow: #666666 1px 1px 2px; + box-shadow: #666666 1px 1px 2px; + filter: progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=2); +} + +input[type="reset"]:hover, input[type="submit"]:hover, input[type="button"]:hover { + background-color: #e4e4e4; + border: 1px solid #7e0079; color: #7e0079; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; + -moz-box-shadow: #7e0079 1px 1px 2px; + -webkit-box-shadow: #7e0079 1px 1px 2px; + box-shadow: #7e0079 1px 1px 2px; + filter: progid:DXImageTransform.Microsoft.Shadow(color='#7e0079', Direction=135, Strength=2); } +/*input[type="select"] { + background-color: #eeeeee; + border: 1px solid #666666; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; +} + +input[type="select"]:hover { + background-color: #eeeeee; + border: 1px solid #7e0079; + color: #7e0079; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; +} +*/ + + /* a:focus { background-color: #ccccee } */ a.fstab { background-color:#cccccc; - color: #000000; + color: #666666; border:1px solid; border-top-color:#666666; border-left-color:#666666; @@ -58,8 +106,11 @@ a.fstab { padding-left:4px; padding-right:4px; font-size:16px; + font-weight:bold; text-decoration:none; overflow:visible; + margin-left:6px; + margin-right:6px; } a.fstab:hover { text-decoration:none; @@ -70,13 +121,12 @@ a.fstab:hover { a:visited:hover.fsblackbutton */ a.fstabselected { - background-color:#f8f8f8; + background-color:#ffffff; color: #000000; - border:1px solid; - border-top-color:#7e0079; - border-left-color:#7e0079; - border-right-color:#7e0079; - border-bottom-color:#ffffff; + border-top:1px solid #7e0079; + border-left:1px solid #7e0079; + border-right:1px solid #7e0079; + border-bottom:1px solid #ffffff; -moz-border-radius-topleft:8px; -moz-border-radius-topright:8px; -webkit-border-radius-topleft:8px; @@ -89,11 +139,77 @@ a.fstabselected { padding-left:4px; padding-right:4px; font-size:16px; + font-weight:bold; text-decoration:none; overflow:visible; + margin-left:6px; + margin-right:6px; } a.fstabselected:hover { text-decoration:none; color: #000000; } +div.fstabs { + padding-left:8px; + border-bottom:1px solid #7e0079; +} + +div.fstabcontainer { + background-color:#ffffff; + padding:8px; + border-left:1px solid #7e0079; + border-right:1px solid #7e0079; + border-bottom:1px solid #7e0079; + -moz-border-radius-bottomleft:8px; + -moz-border-radius-bottomright:8px; + -webkit-border-radius-bottomleft:8px; + -webkit-border-radius-bottomright:8px; + border-radius-bottomleft:8px; + border-radius-bottomright:8px; + -moz-box-shadow: #666666 1px 1px 2px; + -webkit-box-shadow: #666666 1px 1px 2px; + box-shadow: #666666 1px 1px 2px; + filter: progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=2); +} + +.fscontainer { + overflow:hidden; + display:inline-block; +} +.fscontainer { + display:block; +} + +.fsbox { + + float:left; + + background-color:#ffffff; + + padding:8px; + border-top:1px solid #7e0079; + border-left:1px solid #7e0079; + border-right:1px solid #7e0079; + border-bottom:1px solid #7e0079; + -moz-border-radius-bottomleft:8px; + -moz-border-radius-bottomright:8px; + -webkit-border-radius-bottomleft:8px; + -webkit-border-radius-bottomright:8px; + border-radius-bottomleft:8px; + border-radius-bottomright:8px; + -moz-box-shadow: #666666 1px 1px 2px; + -webkit-box-shadow: #666666 1px 1px 2px; + box-shadow: #666666 1px 1px 2px; + filter: progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=2); +} + +.fsbox .fsbox-title { + /*float:left;*/ + font-size:150%; + font-weight:bold; +} + +.background { + background-color:#f8f8f8; +}