X-Git-Url: http://git.freeside.biz/gitweb/?p=freeside.git;a=blobdiff_plain;f=httemplate%2Felements%2Ffreeside.css;h=18b14e395d42622be086f6a691eed31ab18731e3;hp=eaefba484e4182889ecf2b64f90a522bc9128638;hb=9bdca2fe23584918219395b62effbb9ef0fc5f1c;hpb=8317e8d1763c5e13f5fe30f4da91e4f0fac584c6 diff --git a/httemplate/elements/freeside.css b/httemplate/elements/freeside.css index eaefba484..18b14e395 100644 --- a/httemplate/elements/freeside.css +++ b/httemplate/elements/freeside.css @@ -16,26 +16,74 @@ 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 { @@ -61,6 +109,8 @@ a.fstab { font-weight:bold; text-decoration:none; overflow:visible; + margin-left:6px; + margin-right:6px; } a.fstab:hover { text-decoration:none; @@ -71,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; @@ -93,9 +142,74 @@ a.fstabselected { 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; +}