2 /* class for numeric columns in tables */
3 .numeric { text-align: right }
5 /* various oneshot decoration for legacy purpose. dont use */
6 .small-text { font-size: 70% }
7 .bold { font-weight: bold }
9 .float-left { float: left }
10 .float-right { float: right }
12 /* quirk to force certain constructs to block context */
13 .block-context { overflow: hidden }
16 .position-relative { position: relative }
17 .position-absolute { position: absolute }
19 .hidden { display: none; }
22 @media screen { .noscreen { display: none } }
23 @media print { .noprint { display: none } }
24 @media handheld { .nomobile { display: none } }
26 body { behavior:url("csshover.htc") }
28 /* class to fix container around floats */
40 display: inline-block;
45 vertical-align: center;
46 background-image: url(../image/icons/16x16/phone.png);
47 background-repeat: no-repeat;
50 /* the cvars table in the 2. row */
51 .row2-cvars-table tr { vertical-align: top }
52 .row2-cvars-table th { text-align: right; padding-left: 15px; padding-right: 0 }
53 .row2-cvars-table td, .row2-cvars-table th { padding-top: 10px }
57 transition: width 0.1s;
58 -moz-transition: width 0.1s;
59 -webkit-transition: width 0.1s;
60 -o-transition: width 0.1s;
62 input.grow_on_focus:focus { width: 150px }
64 /* clickable text anchors, usually with attached javascript handlers */
65 .interact { color: gray }
66 .interact:hover { color: black; }
67 .cursor-default { cursor: default }
68 .cursor-pointer { cursor: pointer }
69 .cursor-help { cursor: help }
72 #dunning_invoice_list .direct_debit td,
73 #dunning_invoice_list .direct_debit a {
77 .shipped { color: green }
78 .not_shipped { color: red }
80 /* actionbar styling */
81 div.layout-actionbar {
90 div.layout-actionbar-action {
91 -webkit-touch-callout: none; /* iOS Safari */
92 -webkit-user-select: none; /* Chrome/Safari/Opera */
93 -khtml-user-select: none; /* Konqueror */
94 -moz-user-select: none; /* Firefox */
95 -ms-user-select: none; /* Internet Explorer/Edge */
96 user-select: none; /* don't select text on double click */
99 div.layout-actionbar ~ div:first {
103 div.layout-actionbar > div + div {
107 div.layout-actionbar-separator {
108 display: inline-block;
112 div.layout-actionbar div.layout-actionbar-submit,
113 div.layout-actionbar div.layout-actionbar-scriptbutton,
114 div.layout-actionbar div.layout-actionbar-submit:focus,
115 div.layout-actionbar div.layout-actionbar-scriptbutton:focus {
116 display: inline-block;
118 box-sizing: border-box;
126 div.layout-actionbar div.layout-actionbar-submit:hover,
127 div.layout-actionbar div.layout-actionbar-scriptbutton:hover {
132 div.layout-actionbar-combobox {
134 display: inline-block;
137 div.layout-actionbar div.layout-actionbar-action {
141 div.layout-actionbar-combobox div.layout-actionbar-combobox-head div {
146 div.layout-actionbar-combobox div.layout-actionbar-combobox-head span {
147 display: inline-block;
148 border-width: 1px 1px 1px 1px;
158 div.layout-actionbar-combobox div.layout-actionbar-combobox-head span:after {
166 border-width: 3px 3px 0 3px;
170 div.layout-actionbar-combobox.active div.layout-actionbar-combobox-head span:after {
171 border-width: 0 3px 3px 3px;
175 div.layout-actionbar-combobox div.layout-actionbar-combobox-head {
181 div.layout-actionbar-combobox div.layout-actionbar-combobox-list {
187 div.layout-actionbar-combobox.active div.layout-actionbar-combobox-list {
188 display: inline-block;
192 div.layout-actionbar-combobox-list div.layout-actionbar-action {