Neue Druckvorlagen-Variante Rechnungskopie inkl. Wasserzeichen (marei)
[kivitendo-erp.git] / css / common.css
1
2 /* class for numeric columns in tables */
3 .numeric { text-align: right }
4
5 /* various oneshot decoration for legacy purpose. dont use */
6 .small-text { font-size: 70% }
7 .bold       { font-weight: bold }
8
9 .float-left  { float: left  }
10 .float-right { float: right }
11
12 /* quirk to force certain constructs to block context */
13 .block-context { overflow: hidden }
14
15 /* position */
16 .position-relative { position: relative }
17 .position-absolute { position: absolute }
18
19 .hidden { display: none; }
20
21 /* media stuff */
22 @media screen {   .noscreen { display: none } }
23 @media print {    .noprint  { display: none } }
24 @media handheld { .nomobile { display: none } }
25
26 body { behavior:url("csshover.htc") }
27
28 /* class to fix container around floats */
29 .clearfix:after {
30   clear:both;
31   content:".";
32   display:block;
33   font-size:0;
34   height:0;
35   visibility:hidden;
36 }
37
38 /* CTI */
39 a.cti_call_action {
40   display: inline-block;
41   padding-left: 18px;
42   height: 16px;
43   position: relative;
44   top: 2px;
45   vertical-align: center;
46   background-image: url(../image/icons/16x16/phone.png);
47   background-repeat: no-repeat;
48 }
49
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 }
54
55 input.grow_on_focus {
56   width: 20px;
57   transition:         width 0.1s;
58   -moz-transition:    width 0.1s;
59   -webkit-transition: width 0.1s;
60   -o-transition:      width 0.1s;
61 }
62 input.grow_on_focus:focus { width: 150px }
63
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 }
70
71 /* dunning */
72 #dunning_invoice_list .direct_debit td,
73 #dunning_invoice_list .direct_debit a {
74   color: #aaa;
75 }
76 /* orderitems */
77 .shipped     { color: green }
78 .not_shipped { color: red   }
79
80 /* actionbar styling */
81 div.layout-actionbar {
82   position: fixed;
83   height: 28px;
84   top: 20px;
85   z-index: 20;
86   width: 100%;
87   padding: 2px;
88 }
89
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 */
97 }
98
99 div.layout-actionbar ~ div:first {
100   padding-top: 25px;
101 }
102
103 div.layout-actionbar > div + div {
104   margin-left: 2px;
105 }
106
107 div.layout-actionbar-separator {
108   display: inline-block;
109   width: 20px;
110 }
111
112 div.layout-actionbar div.layout-actionbar-link,
113 div.layout-actionbar div.layout-actionbar-submit,
114 div.layout-actionbar div.layout-actionbar-scriptbutton,
115 div.layout-actionbar div.layout-actionbar-link:focus,
116 div.layout-actionbar div.layout-actionbar-submit:focus,
117 div.layout-actionbar div.layout-actionbar-scriptbutton:focus {
118   display: inline-block;
119   width: 120px;
120   box-sizing: border-box;
121   text-align: center;
122   border-width: 1px;
123   border-style: solid;
124   padding: 4px 4px;
125   cursor: default;
126 }
127
128 div.layout-actionbar div.layout-actionbar-link:hover,
129 div.layout-actionbar div.layout-actionbar-submit:hover,
130 div.layout-actionbar div.layout-actionbar-scriptbutton:hover {
131   border-width: 1px;
132   border-style: solid;
133 }
134
135 div.layout-actionbar-combobox {
136   position: relative;
137   display: inline-block;
138 }
139
140 div.layout-actionbar div.layout-actionbar-action {
141   height: 25px;
142 }
143
144 div.layout-actionbar-combobox div.layout-actionbar-combobox-head div {
145   width: 100px;
146   height: 25px;
147 }
148
149 div.layout-actionbar-combobox div.layout-actionbar-combobox-head span {
150   display: inline-block;
151   border-width: 1px 1px 1px 1px;
152   border-style: solid;
153   padding: 4px;
154   width: 14px;
155   height: 15px;
156   position: absolute;
157   top: 0;
158   right: 0;
159 }
160
161 div.layout-actionbar-combobox div.layout-actionbar-combobox-head span:after {
162   content: "";
163   width: 0;
164   height: 0;
165   position: absolute;
166   right: 8px;
167   top: 50%;
168   margin-top: -3px;
169   border-width: 3px 3px 0 3px;
170   border-style: solid;
171 }
172
173 div.layout-actionbar-combobox.active div.layout-actionbar-combobox-head span:after {
174   border-width: 0 3px 3px 3px;
175 }
176
177
178 div.layout-actionbar-combobox div.layout-actionbar-combobox-head {
179   padding-right: 20px;
180   white-space: nowrap;
181   display: block;
182 }
183
184 div.layout-actionbar-combobox div.layout-actionbar-combobox-list {
185   position: absolute;
186   display: none;
187   min-width: 120px;
188 }
189
190 div.layout-actionbar-combobox.active div.layout-actionbar-combobox-list {
191   display: inline-block;
192   z-index: 10;
193 }
194
195 div.layout-actionbar-combobox-list div.layout-actionbar-action {
196   white-space: nowrap;
197   display: block;
198   position: relative;
199   width: 100%;
200   text-align: left;
201   padding: 4px;
202 }
203
204 div.cke_textarea_inline > :first-child {
205   margin-top: 0;
206 }
207 div.cke_textarea_inline > :last-child {
208   margin-bottom: 0;
209 }
210 div.cke_textarea_inline {
211   overflow-y: auto;
212 }
213 div.cke_textarea_inline:focus {
214   outline: 0;
215 }
216
217 span.upload_drop_zone {
218   padding: 4px;
219   border: 2px;
220   border-color: darkgray lightgray lightgray;
221   border-style: solid;
222   background-color: whitesmoke;
223 }
224
225 .overlay_div {
226   position: relative;
227 }
228
229 .overlay_img {
230   position: absolute;
231   top: -100px;
232   left: -100px;
233   z-index: 2;
234   cursor: pointer;
235 }
236
237 .thumbnail {
238   cursor: pointer;
239 }