@media screen, print { /* ------------ button form ------------- */ .btn[type=button], .btn[type=submit], .btn[type=reset]{ display:inline-block; font-size:16px; padding:8px 16px 6px 14px; top:1px; min-width:128px; } .btn[type=button], .btn[type=reset]{ background-color:#c9c9c9; border-color:#c0c0c0; color:#888; } .btn[type=submit] { background-color:#b9b9b9; border-color:#b0b0b0; color:#777; } /* ------------ button form (due to oul main) ------- */ input[type=button].btn:hover, input[type=submit].btn:hover { border-bottom-color:#11b2e6; border-width:0; border-bottom-width:2px; color:#0435a3; cursor:pointer; } input[type=submit][disabled].btn:hover { background-color:transparent; border-bottom-color:transparent; color:#dadada; cursor:not-allowed; } input[type=button].btn:focus, input[type=button].btn:active, input[type=submit].btn:focus, input[type=submit].btn:active { background-color:#11b2e6; border-bottom-color:#099bd0; color:#0435a3; } input[type=button][disabled].btn, input[type=button][disabled].btn:hover, input[type=button][disabled].btn:focus, input[type=button][disabled].btn:active, input[type=submit][disabled].btn, input[type=submit][disabled].btn:hover, input[type=submit][disabled].btn:focus, input[type=submit][disabled].btn:active { background-color:transparent; border-bottom-color:transparent; color:#bababa;/* #dadada */ cursor:not-allowed; } /* ------------ button ------------------ */ .btn, a.btn, input.btn { border-radius:3px; background:#f9f9f9; border:0; border-bottom:2px solid #f0f0f0; color:#777; display:inline-block; font-size:14px; font-weight:400; line-height:1; padding:9px 8px 6px 6px; position:relative; text-shadow:0 1px 0 rgba(0, 0, 0, 0.1); white-space:nowrap; -moz-border-radius:3px; -webkit-border-radius:3px; } p .btn { border-bottom-color:#e0e0e0; }/* i.e. navivation, filter bar */ .btn > span { background-color:#f9f9f9; border-radius:0 3px 3px 0; color:#bababa; font-size:14px; padding:9px 8px 6px 6px; position:absolute; right:0; top:0; } /* visibility:hidden; *//* would hide content of element initially */ /* tr:hover .btn > span { visibility:visible; } *//* and would show on row hover only */ .btn.gap { margin-right:1em; } .btn.aside { color:#bbb; margin-right:1em; }/* i.a. associated users toggle (institute) */ .btn.aside.akin { margin-left:-1em; } /* ------------ button primary, small --- */ .btn.primary { background:#e0e0e0; border-bottom-color:#e0e0e0; } .btn.small > span,/* i.a. case book */ .btn.small { font-size:12px; padding:6px 6px 3px 5px; }/* i.a. especially for SDV overview */ /* ------------ button with icon * excel, json, pdf ------ */ .btn.crf, .btn.excel, .btn.json, .btn.pdf, .btn.visit { background-position:3px 4px; background-repeat:no-repeat; padding-left:26px; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);/* PNG transparency IE7 attempt */} .btn.small.crf, .btn.small.excel, .btn.small.json, .btn.small.pdf, .btn.small.visit{ background-position:2px 2px; padding:8px 5px 5px 24px; } .btn.crf { background-image:url(/css/dhtmlx/terrace-addon/icon/crf.png); } .btn.excel { background-image:url(/css/dhtmlx/terrace-addon/icon/excel.png); } .btn.json { background-image:url(/css/dhtmlx/terrace-addon/icon/json.png); } .btn.pdf { background-image:url(/css/dhtmlx/terrace-addon/icon/pdf.png); } .btn.visit { background-image:url(/css/dhtmlx/terrace-addon/icon/visit.png); } .btn.icon-only { padding-left:21px; text-align:left;/* in case of parent's right */ text-indent:-999em;/* this' dirt but */ } .btn:visited { color:#777; } .btn.aside:visited { color:#bbb; } .fake *:hover .btn, /* button state -- form file input fake */ .btn.aside:hover, .btn:hover { background-color:#1abbf0; border-bottom-color:#11b2e6; color:#0435a3; } .fake *:focus .btn, /* button state -- form file input fake */ .fake *:active .btn,/* button state -- form file input fake */ .btn.aside:focus, .btn.aside:active, .btn:focus, .btn:active { background-color:#11b2e6; border-bottom-color:#099bd0; color:#0435a3; outline:0; } .btn:hover > span, .btn:focus > span, .btn:active > span { background-color:#11b2e6; border-bottom-color:#099bd0; color:#097bd0; visibility:visible; } .btn:focus > span, .btn:active > span { background-color:#01abe6; } .btn.aside.disabled, .btn.aside.disabled > span, .btn.disabled > span, .btn.disabled { background-color:transparent; border-bottom-color:transparent; color:#dadada; cursor:not-allowed; } .btn.disabled.icon-only { opacity:.5;/* brightens background image */ filter:alpha(opacity=50); } /* ------------ button navigation bar (indicates current location) */ .btn.disabled.now > span, .btn.disabled.now { background-color:transparent; border-bottom-color:#e0e0e0; color:#777; cursor:default; } /* ------------ button section headline - */ h2 .btn { border-bottom-color:#e0e0e0; line-height:1.5; margin:0px 0 0 12px; padding:5px 10px 4px 9px; position:absolute; width:auto; } h2 .btn.disabled{ visibility:hidden; } h2 .btn:hover { background-color:#1abbf0; border-bottom-color:#11b2e6; color:#0435a3; } h2 .btn:focus, h2 .btn:active { background-color:#11b2e6; border-bottom-color:#099bd0; color:#0435a3; } /* ------------ button table form ------- */ tr.locked .btn:hover > span, tr.locked .btn > span, tr.locked .btn:hover, tr.locked .btn { background-color:transparent; border-bottom-color:transparent; color:#dadada; cursor:not-allowed; } /* ------------ button table - mutable knobs when row is inactive and/or locked -- (first-child-only) */ tr.inactive td:first-child .btn, tr.inactive td:first-child .btn > span, tr.inactive td:first-child .btn:hover, tr.locked td:first-child .btn, tr.locked td:first-child .btn > span, tr.locked td:first-child .btn:hover { background-color:transparent; border-bottom-color:transparent; color:#dadada; cursor:not-allowed; } tr.inactive:hover td:first-child .btn { background-color:#f9f9f9; border-bottom-color:#f0f0f0; color:#aaa; cursor:pointer; } tr.inactive:hover td:first-child .btn:hover { background-color:#1abbf0; border-bottom-color:#11b2e6; color:#0435a3; } tr.inactive:hover td:first-child .btn:focus, tr.inactive:hover td:first-child .btn:active { background-color:#11b2e6; border-bottom-color:#099bd0; color:#0435a3; } tr.inactive:hover td:first-child .btn.disabled, tr.locked:hover td:first-child .btn.disabled, tr.locked:hover td:first-child .btn, tr.locked:hover td:first-child .btn > span, tr.locked:hover td:first-child .btn:hover { background-color:transparent; border-bottom-color:transparent; color:#bababa; cursor:not-allowed; } }